章節連結
前端框架御三家之一的 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>…等
系列文章
延伸閱讀
- [筆記] Ultimate AWS Certified Developer Associate (27)
- [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (38)
- [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (37)
- [筆記] 六角學院 Node.js 2022 直播班記錄 – 10 Mongoose 額外補充和模組化
- [筆記] 六角學院 Node.js 2022 直播班記錄 – 9 Mongoose 連線基本操作