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动态匹配嵌套路径。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM