命名路由
除了path之外,你还可以为任何路由提供name。这有以下优点:
- 没有硬编码的URL
params的自动编码/解码。- 防止你在url中出现打字错误。
- 绕过路径排序(如显示一个)
示例:给路由起个名字:user
js
const routes = [
{
name: 'user',
path: '/user/:username',
component: User
}
]
要链接到一个命名的路由,可以向router-link组件的to属性传递一个对象:
template <router-link:to ="{ name: 'user',params : { username: 'erina' }}"> User </router-link>
这跟代码调用router.push()是一回事:
js
router.push({ name: 'user', params : { username: 'erina' } })
在这两种情况下,路由将导航到路径/user/erina。
