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>