vue-router中query和params傳參(接收參數）以及$router、$route的區別

 

query傳參:
this.$router.push({
path:'/...'
query:{
id:id
}
})

接收參數:
this.$route.query.id

params傳值：

傳參:
this.$router.push({
name:'...'
params:{
id:id
}
})

接收參數:
this.$route.params.id

 this.$router 和this.$route的區別

1.$router為VueRouter實例，想要導航到不同URL，則使用$router.push方法

2.$route為當前router跳轉對象，里面可以獲取name、path、query、params等