vue2.0的三种路由传参方式

为了方便自己查看，也许也能方便你学习，所以写一下

vue路由跳转不外乎就三种，其实还有一种就是js 的跳转方式

https://router.vuejs.org/ vue-router官网文档，相信有些同学不喜欢看官网，觉得说的云里雾里的

第一种，这个用的比较少，因为需要在路由配置

对应的路由配置如下

     this.$route.params.sessionId     第一种取参数的方式

第二种就用的比较多了

       this.$router.push({
          name: 'index',
          params: {
            id: id
          }
        })

     this.$route.params.id    第二种取参数的方式和第一种一样

params中是携带参数的,就相当于post一样，不会暴露出你传递的参数，name就是你路由配置中的对应路由的name (名字）

第三种路由传递参数方式了

  this.$router.push({
          path: '/describe',
          query: {
            id: id
          }
        })

这种就相当于get 传递参数，会把你的参数暴露出来

     this.$route.query.id   第三种取参数的方式

有没有想了解基于vue的即时通讯的啊，我会后面分享的哦，谢谢