vue 路由传参

　1、 this.$router.push进行编程式路由跳转

    2、 router-link 进行页面按钮式路由跳转

    3、 this.$route.params获取路由传递参数

    4、this.$route.query获取路由传递参数

    5、 params 和 query 都是传递参数的，params不会在url上面出现，并且params参数是路由的一部分，是一定要存在的 query则是我们通常看到的url后面的跟在？后面的显示参数

方法一 

this.$router.push({

            path:"/路径名字",

            query:{

              id:id

            }

          })

方法二

this.$router.push({

             name:"/路径名字",

             params:{

              id:id

            }

          })

方法三

this.$router.push('.路径名'+id)

 

 

路由。index.js文件

 {

      //方式一 二路由路径

      path: '/路径名',

      //方式三路由路径

      // path: '/路径名:id',

      name: 'Xq',

      component: Xq

    },

 接受传过来的参数

　　　　方法一接收

  this.$route.query.id

 

 <!--  方法二接收  -->

 this.$route.params.id

 

 <!--  方法三接收  -->

 this.$route.params.id