vue路由传值总结

路由传值总结

1. 路由导航：

　　在router.js中配置路由的path为 /XXX/:id 的方式，在路由跳转的时候， 设置路径 /XXX/123 即可跳转

　　接收通过this.$route.params.id  即可拿到123

2. params传参：

　　通过this.$router.push 传参，配置name匹配路由name属性， 设置params对象，内部为传入的参数

　　接收通过 this.$route.params.字段名 获取

3. query传参：

　　通过this.$router.push 传参，配置path匹配路由path属性，设置query对象，内部为传入的参数

　　接收通过 this.$route.query.字段名 获取