Nuxt.js 開發筆記 - 路由 Routing

說明文件:https://nuxtjs.org/guide/routing

基本概念:只要在 pages 目錄及子目錄中,建立相關的index.vue檔,就會自動生成對應的route

例如

pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue

就可以產生  三個 route,分別是  "/" ,  "/user",  "/user/one"

 

動態路由

要建立動態路由也滿簡單的,就是在vue檔,加上 下底線 "_" 的前綴 ,如

pages/
--| _slug/
-----| comments.vue
-----| index.vue
--| users/
-----| _id.vue
--| index.vue

以上範例中,有三個動態路由,分別是  "/{slug}/" , "/{slug}/comments" 與 "users/{id}"