Vue2路由跳转传参，获取路由参数，Vue监听路由

 1 this.$router.push({
 2     // name：路由组件名
 3     name: routeName，
 4     query: {
 5         mapId:this.mapId
 6     }
 7 })
 8 
 9 this.$router.push({
10     name: routeName，
11     params: {
12         mapId:this.mapId
13     }
14 })
15 
16 // query：参数会拼接在url上；params：参数不会直接拼接在请求体上
17 
18 // 获取路由参数如下：
19 this.$route.query.mapId
20 this.$route.params.mapId
21 
22 
23 // 监听路由如下：
24 watch: {
25     $route: {
26         handler(val) {
27             // 逻辑操作
28         }
29     }
30 }        

跳转路由传参如下：

获取路由参数如下：

监听路由如下：