相同点
都可以用来传递页面参数
不同点
使用方法不同
query传递参数:
this.$router.push({
path:'/Test',
query:{
id:1
}
})
query接收参数:this.$route.query
params传递参数:
this.$router.push({
name:'Test',
params:{
id:1
}
})
params接收参数:this.$route.params
支持配置不一样
query支持path和name,params只支持name
浏览器表现效果不一样
query传递参数会显示页面url问号之后,因此刷新页面后还会存在;
params传递参数会显示页面url上,因此刷新页面后会消息;