vue 命名路由

当路由跳转路径path很长时，我们可以通过一个名称来标识一个路由，这样就可以简化很多，这就是命名路由。

const router = new VueRouter({
  routes: [{
    name: 'user1',
    path: '/about',
    component: User
  }
]
})

<router-link>跳转命名路由

 <router-link to="/about">跳转</router-link>

上面是路由跳转的一种方式，实际上在to()里面可以接收一个对象：

    <router-link :to="{ path: '/about' }">跳转</router-link>

当然我们也可以通过name来进行跳转：

 <router-link :to="{ name: 'user1' }">跳转</router-link>

在使用命名路由时我们需注意，只能在对象中使用。