前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下 Vue-Router 的實戰運用中，要注意的地方。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/22728
本篇範圍：Chapter 8 ( Vue Router 網址路由 – SPA網頁開發 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 頁面中，要記得錯誤處理。如果 HTTP Code 不為 200，那就會跑到 try – catch 的 error 區塊
2. 如果有使用到計時器功能，記得在組件銷毀時，要清除計時器 ( 使用 onUmounted => 在 Vue 2.X 為 destroyed )
3. router.go(-1)，可以用簡短的方法回到上一頁
4. 如果你要使用 a 標籤，也是可以使用綁定事件的方式來啟用 vue-router。這個時候，你也可以在其傳輸關於 GTM 有關的參數
5. 如果你要在動態網址中，維持點選的效果的話，那你需要手工比對網址，然後再改變 CSS
6. @click 是可以加上修飾符的，可以加上 left, middle 等來觸發效果，甚至開啟新分頁 ( 不過要搭配 router.push 來作使用 )
