1. 程式人生 > 其它 >nuxt(04)

nuxt(04)

nuxt路由 採用約定式,路由是根據pages下面的頁面自動產生的 <nuxt /> 約等於vue中router-view <nuxt-link> 約等於vue中的router-link 二級路由配置 例如在商品頁面下面配置二級頁面,在goods.vue頁面中 在goods同層級下建立同名資料夾,資料夾下已下劃線開頭的檔案就是動態引數 傳遞目標的引數都會扔到對應的檔案裡 不帶參跳轉 注:
  • 這裡需要注意的是:用物件的方式動態傳參,那麼params裡的key要跟帶下劃線檔名一致
  • 路由name規則 目錄名-其它目錄-檔名
params:key要對等檔名
  • 子路由:目錄代表子路由,子路由內部同級的檔案,代表的是同一級路由
展示區層級 二級展示區替代一級展示區 例如:把詳情頁的內容展示在一級展示區內 把最外面的goods.vue刪掉,在goods資料夾下建立index.vue,把剛才goods.vue的內容複製進來。 注:
  • 如果資料夾下有index.vue,那麼與它同級的所有檔案都會展示在上一層級
  • 如果資料夾下有index.vue,那麼預設進入會預設展示index下的內容,如果沒有,那麼就會預設展示別的檔案
擴充套件路由 把導航抽出,放在layouts佈局元件中 此時,路由匹配是模糊的,所以其它路由匹配的時候也都會匹配上首頁。所以我們現在可以用擴充套件路由去解決它。 在nuxt.config.js中配置 引數校驗
validate服務端鉤子,裡面包含有路由的上下文資訊 校驗不通過。則會返回nuxt內建的錯誤頁面 陌生人,願你永不迷失自己,心中永遠有夢去追逐。 ---隨筆簽名寫於2020.1.3 00:28:00 博主VX:stf569318425