如何为vue-router生成基于文件树(如Nuxt.js)的路由?

时间:2018-04-10 01:19:22

标签: vue.js vue-router

Nuxt.js根据文件树生成路由。

Snnipets from the official page:

pages/
--| _slug/
-----| comments.vue
-----| index.vue
--| users/
-----| _id.vue
--| index.vue

Nuxt.js从中生成:

router: {
  routes: [
    {
      name: 'index',
      path: '/',
      component: 'pages/index.vue'
    },
    {
      name: 'users-id',
      path: '/users/:id?',
      component: 'pages/users/_id.vue'
    },
    {
      name: 'slug',
      path: '/:slug',
      component: 'pages/_slug/index.vue'
    },
    {
      name: 'slug-comments',
      path: '/:slug/comments',
      component: 'pages/_slug/comments.vue'
    }
  ]
}

我认为这个功能非常酷(事实上,对于标准的MVC框架来说,它很常见,如你所知)。如果没有这个,随着项目的发展,管理路线和组件很快就会变得一团糟。

在使用vue-cli webpack模板时,是否可以在没有Nuxt.js的情况下进行此工作,或者特别是在我的情况下?

0 个答案:

没有答案