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