>[success] 命名路由就是给路由起个名字,避免在链接一个路由或者跳转一个路由时输入冗长的路由链接。
~~~
const router = new VueRouter({
routes: [
{
path: '/user/:userId',
name: 'user',//路由名称
component: User
}
]
})
~~~
使用路由名称进行跳转,避免了输入冗长的路由地址:
~~~
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
~~~
这跟代码调用`router.push()`是一回事:
~~~
router.push({ name: 'user', params: { userId: 123 }})
~~~
这两种方式都会把路由导航到`/user/123`路径。