>[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`路徑。