命名路由
除了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
。