前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下 Nuxt 中關於 Router 路由的配置。
課程相關資訊
[連結]:https://hiskio.com/courses/419/lectures/20824
本篇範圍:Chapter 4 ( Nuxt – 自動化 Router 配置 ) ,一共有 10 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. Nuxt.js 截至 2021 年 3 月,尚未完整的支援 Vue3,所以你有可能需要用 Vue2 的寫法來進行。
2. 由於在 Server 渲染階段,預設並沒有安裝 SASS 相關的編譯器,你可以用 npm i -D sass sass-loader fibers 來達成目標
3. <Nuxt /> 猶如 <vue-router /> 的存在,有提供嵌套路由的 <NuxtChild /> 和切換頁面的超連結 <NuxtLink to=””>..</NuxtLink>…等