Nuxt.js 依據 pages
目錄結構自動生成 vue-router 模塊的路由配置。
(1)基礎路由
(2)動態路由
在 Nuxt.js 里面定義帶參數的動態路由,需要創建對應的以下划線作為前綴的 Vue 文件 或 目錄。Nuxt.js 可以在動態路由組件中定義參數校驗方法。說明:generate
命令會忽略動態路由。
(3)嵌套路由
通過 vue-router 的子路由創建 Nuxt.js 應用的嵌套路由。創建內嵌子路由,需要添加一個 Vue 文件,同時添加一個與該文件同名的目錄用來存放子視圖組件。
(4)動態嵌套路由
這個應用場景比較少見,但是 Nuxt.js 仍然支持:在動態路由下配置動態子路由。如果不知道URL結構的深度,您可以使用_.vue
動態匹配嵌套路徑。