代码上来看
query要用path来引入,params要用name来引入,接收参数都是类似的,分别this.$ route.query.name 和 this.$route.params.name
<router-link :to="{path:'/mine',query:{id:777,name:'小赵'}}">Mine-query</router-link>|
<router-link :to="{name:'mine',params:{id:666,name:'小王'}}">Mine-params</router-link>
地址栏展示来看
query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,query在浏览器地址栏中显示参数,params则不显示
query:
params:
刷新时
params显示的内容刷新之后消失了,query页面内容依然存在;