NuxtJS项目——路由

  Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。

  (1)基础路由

  (2)动态路由

  在 Nuxt.js 里面定义带参数的动态路由,需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。Nuxt.js 可以在动态路由组件中定义参数校验方法。说明:generate 命令会忽略动态路由。

  (3)嵌套路由

  通过 vue-router 的子路由创建 Nuxt.js 应用的嵌套路由。创建内嵌子路由,需要添加一个 Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。

  (4)动态嵌套路由

  这个应用场景比较少见,但是 Nuxt.js 仍然支持:在动态路由下配置动态子路由。如果不知道URL结构的深度,您可以使用_.vue动态匹配嵌套路径。

原文地址:https://www.cnblogs.com/bien94/p/12579195.html