vue中query和params的區(qū)別有哪些

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

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

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

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

query語法：

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

params語法：

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

區(qū)別：

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

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

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

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

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