vue-router传参

1.params params传参

跳转：
this.$router.push({ name: 'news', params: { userId: 123 }})
接收：
this.$route.params.name  （在页面刷新的时候就会消失）

2.router-link query传参

跳转
<router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>

this.$router.push({ path: 'news', query: { userId: 123 }})
接收
this.$route.query.name

3.路由传参

//?问号的意思是该参数不是必传项
//多个参数用/:id连接
this.$router.push({
          path: `/describe/${id}`,
})

对应路由下配置
{
     path: '/describe/:id？',
     name: 'Describe',
     component: Describe
 }
问号代表不是必填项
接收
页面刷新不消失，可以在路由配置中设置参数
$route.params.id