溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1.引入方式不同
query要用path來引入
this.$router.push({
path: 'test',
query: {
type: 2,
detail: '哈哈'
}
})
params要用name來引入
this.$router.push({
name: 'test',
query: {
type: 2,
detail: '哈哈'
}
})
2.url不同
query在url中顯示參數
http://localhost:8080/detail?type=0&detail=哈哈
params在url中不顯示參數
http://localhost:8080/detail
下面整理一下這兩者的差別：
1、用法上的
剛才已經說了，query要用path來引入，params要用name來引入，接收參數都是類似的，分別是this.$route.query.name和this.$route.params.name。
注意接收參數的時候，已經是$route而不是$router了哦！！
2、展示上的
query更加類似于我們ajax中get傳參，params則類似于post，說的再簡單一點，前者在瀏覽器地址欄中顯示參數，后者則不顯示
query:
params:
總結
以上所述是小編給大家介紹的vue-router中params和query的區別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
