Vue（Router） query与params传参/接收参数的区别

关于路由传参的区别：

1：query方式传参和接收参数：

传参: 
this.$router.push({
        path:'/xxx'
        query:{
          id:id
        }
      })

接收参数:
this.$route.query.id

 需要注意的是：传参是this.$router ,而接收参数是this.$route,千万要小心哟！！！

此外说一下$route和$router的区别：

$route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。

而$router是“路由实例”对象包括了路由的跳转方法，钩子函数等。

2：params方式传参和接收参数：

传参: 
this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })

接收参数:
this.$route.params.id

注意：params传参只能以name来引导路由，并且push里面只能以name：'xxx'的形式，不能是path:'/xxx'，如果混用，接收页面会显示undefined！！！

若有其它认知，后续会完善此文档！