我使用NUXT来构建我的项目。
这是我现在的文件结构:
pages/
--| work/
-----| index.vue
-----| _projectName.vue
我想这样做:
A: /work = all work list
B: /work/_categoryName(like is "/work/web-design" = category "web desing" work list)
C: /work/_categoryName?type=A(like is "/work/web-design?type=A" = category "web desing" and type A work list)
D: /work/_projectName(like is "/work/XXXproject") = project content
A、 A、B、C使用相同的页面。D使用不同的页面和不同的布局。
我该怎么办?
更新:
如果我想做以上的方式是不可能的,或者尝试另一种方式:
A: /work = all work list
B: /work/_categoryName
C: /work/_categoryName?type=A
D: /work/content/_projectName
A、 B、C使用同一页我该怎么办?布局?组件?Mixin?
我认为这种结构可以实现
pages/
--| work/
-----| index.vue
-----| _projectName.vue
-----| web-design.vue --> and use route parameter to accessing type
在_projectName.vue中,设置布局,如以下示例
_项目名称.vue
<script>
export default {
layout: 'the-layout'