路由配置为非命名路由时:
{
path: '/user/:id',
component: User
}
页面中params传参:
<router-link :to="{path: 'user', params: {id: 1}}">用户</router-link>
效果:url中不显示传入的参数
---------------------------------------------------------------------------------------------------------------------------------
给路由添加命名:
{
...
name: 'user'
...
}
页面中使用命名路由name属性,params传参:
<router-link :to="{name: 'user', params: {id: 1}}">用户</router-link>
效果:url中显示传入的参数