1.相同点 都可以用来传参数,获取参数
eg:传参
this.$router.push({
path: '/monitor',
query: {
id: id,
}
}
this.$router.push({
path: '/monitor',
params: {
id: id,
}
}
取参
this.$route.query.id
this.$route.params.id
2.不同点:
使用query传参url中显示参数,刷新路由跳转页面参数不消失
使用params传参url中不显示参数,刷新路由跳转页面参数消失
eg:
query: http://172.19.186.224:8080/#/monitor?id=1
params: http://172.19.186.224:8080/#/monitor