vue中query和params的差別是什麼

區別：1、query用path編寫傳參位址，而params用name寫傳參位址；2、query刷新頁面時參數不會消失，而params刷新頁面時參數會消失；3、query傳送的參數會顯示在url網址列中，而params傳參不會顯示在網址列中。

本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。

vue中query和params的區別是什麼

query語法：

this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数
this.$route.query.id； 这是接受参数

params語法：

this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数
this.$route.params.id; 这是接受参数

區別：

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

2.接收方法不同， 一個用 query 來接收， 一個用 params 接收 ，總結是誰發得 誰去接收

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

4.query 傳得參數都是顯示在url 地址欄當中，而 params 傳參不會顯示在地址欄

【相關推薦：《vue.js教學》】

以上是vue中query和params的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！