前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記 Vue 2 升級 Vue 3 時，關於 vue-router, mixin 和舊寫法是否相容。
課程相關資訊
[連結]：https://hiskio.com/courses/418/lectures/20696
本篇範圍：Chapter 1 ( Vue v2 升級 Vue v3 重點事項 ) ，一共有 4 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. Vue 3 中使用 VueRouter.createRouter() 來建立 vue-router，最後用 Vue.use() 的方式來使用。本質上是一樣的，僅寫法上有一些差異。
2. mixin 在 Vue 2 是個方便用來進行資料整理、共用的方法，但會和原有的 props, emit 弄混且造成資料來源不明確。因此，在 Vue 3 的時代會予以棄用
3. Vue 3 減少了 this 的指向問題、用 ref, reactive 來給予追蹤，並可以減少打包多餘的 method 程式碼。另外，Vue 3 的底層是以 TypeScript 撰寫，相信會有更優的支援度
4. Vue 2 的寫法在 Vue 3 是可以使用的，被稱為經典寫法。不過並不能和新的 composition api 混用，換言之，你只能選擇其中一種來撰寫
