this.$router.push() 跳转与传参

<router-link :to> 点击时会在内部调用，相当于router.push(),一个是声明式写法，一个是编程式写法。

  <router-link :to='{ path:'/' ，query:data}'></router-link>    

query传参（会显示在地址栏路径里）

this.$router.push({
     path:'/' //路由路径，
      query:data //传参
})

data：{
    id：‘1’
}

params传参（不显示在路径里）

由于动态路由也传递params的，所以this.$router.push()方法中path不能和params一起使用，否则params则无用，需要配置name来指定页面

//配置name
{
    path:'./index',
    name:'home',
    component:index
}
//使用
this.$router.push({
     name:'home',
      params:{id:'1'}
})

接收参数

this.$route.params.id
this.$route.query.id

参考：https://www.cnblogs.com/toonezhr/p/10325457.html