浅谈Vue中$Router中query与params传参与接收参数，以及$Router与$Route的区别

一，$Router中query与params传参与接收参数

1，query传参与接参：

传参：
this.$router.push({path: '/community/set', query: {'code': this.appCode}})
接参：
this.appCode = this.$route.query.code

2，params传参与接参：

传参：
this.$router.push({name: '/community/set', params: {'code': this.appCode}})
接参：
this.appCode = this.$route.params.code

结论：①，query传参，由path (path: '/community/set') 引入路由；params传参，则由name (name: '/community/set') 引入路由。 附加：(query传参相当于get请求可以在地址栏看到参数，params传参相当于post请求）

二，$Router与$Route的区别

1，$router为VueRouter实例，包括了路由的跳转方法，钩子函数等；

2，$route为当前路由信息对象，里面可以获取name、path、query、params等

 

完