關於vue-router 中參數傳遞的那些坑（params，query)

1.query方式傳參和接受參數

1 傳參
2 this.$router.push({
3    path:'/xxx'
4    query:{
5         idname:id
6       }
7 })
接收的方式：this.$route.query.id

2.params方式傳遞參數

1 傳參：

2 this.$router.push({
3    name:'路徑名稱'
4    query:{
5         idname:id
6       }
7 })
接收的方式：this.$route.params.id

3.query和params的區別，query相當於get請求，在頁面跳轉的時候，可以在地址欄看到請求參數，然而params則相當於post請求，參數不會在地址欄中顯示。