query
传参:
this.$router.push({
path:'/xxx',
query:{
id:id
}
})
接收参数:
this.$route.query.id
params
传参:
this.$router.push({
name:'xxx',
params:{
id:id
}
})
接收参数:
this.$route.params.id
区别
query:/router1?id=123 , //router1?id=456 ,这里的id叫做query。
params:/router1/:id , //router1/123,/router1/789 ,这里的id叫做params
- params必须用到name,query不需要
- query类似于get请求,params相当于post
- query浏览器url栏可以看到传的参数,params不会看到参数
- query:localhost:8080/argue?name=fishboner&id=123
- params::localhost:8080/argue
- query会保存传递过来的值,刷新不变,而params不会