这两个是属于路由的,主要涉及到传参,获取参数方法为:this.$route.params.xxx /this.$route.query.xxx
1.地址栏的不同
params和query的第一个区别就是地址栏显示的不同,query会显示属性
params如图所示 :它不会显示属性
query如图所示:query会显示属性
2.路由配置不同 ,如图所示:
3.to指定时不同
params分为两种传递,
为字符串和对象,为字符串时接受命名路由,也可以使用path路径
为对象时,只能接受命名路由
query也分为两种 字符串传递,对象传递,无论是那种它都可以接收命名路由或者path路径
字符串:
<router-link to="/list?a=123">去路由传参组件</router-link>
对象:
<router-link :to="{path:'/list',query:{a:'进阶的宫女4'}}">去路由传参组件</router-link>