Vue 路由的两种 传参方式

路由的第一种传参方式query 采用将参数写在路由的地址后面进行传参:?名字=value
第一种传参方式 在 this.$route.query 中,如图所示:
Vue 路由的两种 传参方式
第一种传参的打印效果:
Vue 路由的两种 传参方式
第二种传参方式采用params 占位的方式,第二次的参数因为采用 :占位符的方式,所以参数在params中,如图:

Vue 路由的两种 传参方式
注意第二次的传参中URL地址里面没有显示? 和 id = 这样的形式:

Vue 路由的两种 传参方式