前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下 Vue-Router 的使用，這也是 SPA ( Single Page Application ) 得以運作的核心。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/22728
本篇範圍：Chapter 8 ( Vue Router 網址路由 – SPA網頁開發 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. SPA 頁面避免了頁面的切換，來達成提升使用者體驗。這樣一來便猶如一個執行於裝置上的應用程式。
2. 在 router / index.js 中，去定義路由
3. <router-view> 的頁籤中，就會將對應的畫面做切換
4. Dynamic Import 可以避免一開始創建時，載入過多的組件，造成速度變慢
5. 如果你是使用動態載入，要避免將組件切分過多的問題。每當一個組件使用動態載入，就會額外切分出一個 .js 和 .css
6. 前端需要額外使用 404 Error 的 Component ( 要自行製作 )
7. Hash mode 的網址模式：會對錨點跳轉和 SEO 造成影響，所以還是建議使用 Web History。不過要注意後端的 Server 的跳轉配置。
