关于javascript:Vue路由传参

Vue路由传参

对路由传参的总结，不对之处望包涵，斧正。记录 Vue 路由传参的两种形式query 和 params

路由传参之 ——-this.$route.query

<router-link to='/home?id=123&name=zhangsan'> 路由传参 query</router-link>

• this.$route.query.id,即可拿到 123，此api 无需配置路由规定
• this.$route.query.name,即可拿到,zhangsan此 api 无需配置路由规定

路由传参之 ——- `this.$route.params

<router-link to="/home/123/zhangsan"> 路由传参 params</router-link>

• this.$route.params.id，不能够拿到 123，都须要配置路由规定为：{path:'/home/:id/:name',Component:home}
• this.$route.params.name, 也拿不到zhangsan，都须要配置路由规定为：{path:'/home/:id/:name',Component:home}