nuxt.js如何制作选项卡式导航

选项卡式导航"/>

nuxt.js如何制作选项卡式导航

nuxt.js如何制作选项卡式导航

目录结构
pages/
–| _category/
-----| _subCategory/
--------| _id.vue
--------| index.vue
-----| _subCategory.vue
-----| index.vue
–| _category.vue
–| index.vue
则会自动生成路由

router: {routes: [{path: '/',component: 'pages/index.vue',name: 'index'},{path: '/:category',component: 'pages/_category.vue',children: [{path: '',component: 'pages/_category/index.vue',name: 'category'},{path: ':subCategory',component: 'pages/_category/_subCategory.vue',children: [{path: '',component: 'pages/_category/_subCategory/index.vue',name: 'category-subCategory'},{path: ':id',component: 'pages/_category/_subCategory/_id.vue',name: 'category-subCategory-id'}]}]}]
}

以上是nuxt.js官方给出的案例，我这里只做解释，用于个人日后翻阅

目录解释

位置:pages文件夹下：