命名路由
(1.)命名路由
通过一个名称表示某个路由更方便。特别在链接一个路由,或执行一些跳转时。可创建
Router
实例的时候,在routes
配置中给某个路由设置名称。
const router = new VueRouter({
routes: [
{
path:'/user/:userId',
name:'user',
component:User
}
]
})
要链接到一个命名路由,可以给router-link的to属性传一个对象:
<router-link :to="{ name:"user",params:{ userId:123 }">User</router-link>
代码调用与router.push()相同
router.push({ name: 'user', params: { userId: 123 }})
两种方式都会把路由导航到 /user/123
路径。