[TOC]
### 命名路由
你可以在創建 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`路徑。