学习前端_vue组件_命名路由

有时候我们在定义路由跳转时，没必要使用 path。我们可以在定义路由时，附加名称，这样我们在使用时，直接使用name 来定义跳转路由。

使用步骤：1 定义路由时要 添加路由名称 name 属性。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user', //添加name 属性，在使用的时候就使用name 来替代path
      component: User
    }
  ]
})

                 2.使用name, to前加：表示属性绑定， name 对应的属性名， patams  路由参数，例如 id,name等等

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

                    通过js api来调用 路由跳转，其效果和上面的 router-link 一样

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

以上就是命名路由的使用方式，其实就记住两点：1配置时加name，2，使用时用name+params