路由
pages 文件夹目录是可选的
- 如果只通过app.vue 来完成项目,没有pages文件夹目录,vue-router是不会被加载的,这样可以减小包的大小
- 如果有pages文件夹目录Nuxt会自动集成vue-router,结合pages目录下的文件(夹)名来构建我们的项目
与组件不同的是,我们的页面必须有一个单一的根元素,以允许Nuxt在页面之间应用路由转换。
动态路由
如果把任何东西放在方括号[]中,它将被转换为一个动态路由的参数。您可以在一个文件名或目录中混合和匹配多个参数,甚至是非动态文本。
在pages下创建users-[group]文件夹,在 users-[group]下面创建 [id].vue文件
当访问/user-admins/123时,则可以通过 this.$route.params.group和 this.$route.params.id来获取路径上的动态参数
嵌套路由
Nuxt为
在pages下创建一个parent文件夹和 parent.vue的文件,在parent文件夹下面创建 child.vue文件
需要在 pages/parent.vue中写入