命名路由

观看 Vue School 的如何使用命名路由及其参数的免费视频课程 (英文)

有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。

  1. const router = new VueRouter({
  2.   routes: [
  3.     {
  4.       path: '/user/:userId',
  5.       name: 'user',
  6.       component: User
  7.     }
  8.   ]
  9. })

要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象：

  1. <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

这跟代码调用 router.push() 是一回事：

  1. router.push({ name: 'user', params: { userId: 123 }})

这两种方式都会把路由导航到 /user/123 路径。

完整的例子请移步这里命名路由 - 图1。