Bootstrap

params和query的区别

这两个是属于路由的,主要涉及到传参,获取参数方法为: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>

;