vue路由传参的三种基本方式

1.router.push({ name: 'user', params: { userId:123 }}) // -> /user/123  
   对应配置为
   {
     path: '/user/:id',
     name: 'user',
     component: User
   }
   拿参数为
   this.$route.params.userId
2.router.push({ path: '/user/${userId}' }) // -> /user/123   
  对应配置为
    {
     path: '/user/:id',
     name: 'user',
     component: User
   }
   拿参数为
   this.$route.params.userId
3.router.push({ path: '/user', query: { userId: 123 }}) // -> /user?userId=123 
  对应配置为
    {
     path: '/user',
     name: 'user',
     component: User
   }
   拿参数为
   this.$route.query.userId
注意: 当使用path导航而不是name方式时，只能使用query，params将会失效
上述是编程式跳转,声明式的方法是
<router-link :to="将上述router.push中的内容放进来"></router-link>
详情见:https://router.vuejs.org/zh/guide/essentials/navigation.html