路由

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.groupthis.$route.params.id来获取路径上的动态参数

嵌套路由

Nuxt为组件提供了一个语义别名,用于显示嵌套路由的子组件。在Nuxt应用里我们用组件来替代vue-router里的
在pages下创建一个parent文件夹和 parent.vue的文件,在parent文件夹下面创建 child.vue文件
需要在 pages/parent.vue中写入 组件