這篇“vue中query和params的區(qū)別有哪些”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“vue中query和params的區(qū)別有哪些”文章吧。

為延平等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及延平網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、延平網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

區(qū)別：1、query用path編寫傳參地址，而params用name編寫傳參地址；2、query刷新頁(yè)面時(shí)參數(shù)不會(huì)消失，而params刷新頁(yè)面時(shí)參數(shù)會(huì)消失；3、query傳的參數(shù)會(huì)顯示在url地址欄中，而params傳參不會(huì)顯示在地址欄中。

本文操作環(huán)境：windows10系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vue中query和params的區(qū)別是什么

query語(yǔ)法：

this.$router.push({path:“地址”,query:{id:“123”}}); 這是傳遞參數(shù)
this.$route.query.id； 這是接受參數(shù)

params語(yǔ)法：

this.$router.push({name:“地址”,params:{id:“123”}}); 這是傳遞參數(shù)
this.$route.params.id; 這是接受參數(shù)

區(qū)別：

1.首先就是寫法得不同，query 得寫法是 用 path 來(lái)編寫傳參地址，而 params 得寫法是用 name 來(lái)編寫傳參地址，你可以看一下編寫路由時(shí)候得相關(guān)屬性，你也可以輸出一下 路由對(duì)象信息 看一下

2.接收方法不同， 一個(gè)用 query 來(lái)接收， 一個(gè)用 params 接收 ，總結(jié)就是誰(shuí)發(fā)得 誰(shuí)去接收

3.query 在刷新頁(yè)面得時(shí)候參數(shù)不會(huì)消失，而 params 刷新頁(yè)面得時(shí)候會(huì)參數(shù)消失，可以考慮本地存儲(chǔ)解決

4.query 傳得參數(shù)都是顯示在url 地址欄當(dāng)中，而 params 傳參不會(huì)顯示在地址欄

以上就是關(guān)于“vue中query和params的區(qū)別有哪些”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。