nuxt(03)
阿新 • • 發佈:2021-07-09
nuxt路由
採用約定式,路由是根據pages下面的頁面自動產生的
<nuxt /> 約等於vue中router-view
<nuxt-link> 約等於vue中的router-link
二級路由配置
例如在商品頁面下面配置二級頁面,在goods.vue頁面中
在goods同層級下建立同名資料夾,資料夾下已下劃線開頭的檔案就是動態引數
傳遞目標的引數都會扔到對應的檔案裡
不帶參跳轉
注:
validate服務端鉤子,裡面包含有路由的上下文資訊
校驗不通過。則會返回nuxt內建的錯誤頁面
陌生人,願你永不迷失自己,心中永遠有夢去追逐。 ---隨筆簽名寫於2020.1.3 00:28:00 博主VX:stf569318425
- 這裡需要注意的是:用物件的方式動態傳參,那麼params裡的key要跟帶下劃線檔名一致
- 路由name規則 目錄名-其它目錄-檔名
- 子路由:目錄代表子路由,子路由內部同級的檔案,代表的是同一級路由
- 如果資料夾下有index.vue,那麼與它同級的所有檔案都會展示在上一層級
- 如果資料夾下有index.vue,那麼預設進入會預設展示index下的內容,如果沒有,那麼就會預設展示別的檔案