Vue.js 是一種流行的 JavaScript 前端框架，用於構建使用者介面和單頁面應用程式（SPA）。它由尤雨溪於2014年建立，並由一群積極的開發者社群維護和支援。
Vue.js 的主要特點
-
輕量級: Vue.js 被設計成非常輕量級，壓縮後只有約30KB大小，因此載入速度很快。
-
簡單易用: Vue.js 的 API 簡單易懂，學習曲線平緩，使得新手也能很快上手。它採用了類似於 HTML 的模板語法，使得開發者可以輕鬆構建互動式的使用者介面。
-
元件化: Vue.js 支援元件化開發，允許開發者將一個頁面劃分為多個獨立的、可複用的元件。這種元件化的開發方式使得程式碼更易於維護和管理，並且能夠提高開發效率。
-
響應式資料繫結: Vue.js 使用了響應式的資料繫結機制，當資料發生變化時，檢視會自動更新。這種資料驅動檢視的方式使得開發者能夠更加專注於業務邏輯，而不用手動操作 DOM。
-
虛擬 DOM: Vue.js 使用了虛擬 DOM 技術，透過比較虛擬 DOM 和真實 DOM 的差異來最小化頁面重繪和重新排版，從而提高了頁面的效能。
-
生態系統豐富: Vue.js 擁有豐富的生態系統，包括官方提供的路由器（Vue Router）、狀態管理工具（Vuex）以及豐富的第三方庫和外掛，這些工具可以幫助開發者更輕鬆地構建複雜的單頁面應用程式。
總的來說，Vue.js 是一個功能強大、靈活、易於學習和使用的前端框架，適用於構建各種規模的 Web 應用程式。
Vue3 與 Vue2 對比
-
效能提升:
- Vue.js 3 在效能方面進行了許多最佳化，包括更快的渲染速度、更小的包大小以及更好的程式碼最佳化。這得益於 Vue.js 3 引入的虛擬 DOM 重寫、編譯器最佳化以及響應式系統改進。
-
Composition API:
- Vue.js 3 引入了 Composition API，這是一種基於函式的 API，允許開發者更靈活地組織元件程式碼。與 Vue.js 2 的選項 API 相比，Composition API 提供了更好的程式碼組織方式，尤其適用於大型複雜應用程式。
-
模板編譯最佳化:
- Vue.js 3 中的模板編譯器經過了最佳化，生成的程式碼更加緊湊和高效。這意味著在執行時的效能更好，並且生成的程式碼體積更小。
-
TypeScript 支援:
- Vue.js 3 對 TypeScript 的支援更加友好，它採用了 TypeScript 編寫，並且提供了更好的型別推斷和型別定義。
-
全域性 API 的修改:
- Vue.js 3 中一些全域性 API 發生了變化，例如全域性 API 在 Vue3 中都被移除，可以透過 createApp() 建立 Vue 例項，然後使用例項上的方法進行應用程式配置。
-
更好的 TypeScript 整合:
- Vue.js 3 在設計時考慮了對 TypeScript 更好的支援，因此在型別推斷和程式碼提示方面更加強大。Vue.js 3 的程式碼庫本身也是用 TypeScript 編寫的。
-
Composition API 的引入:
- Vue.js 3 引入了 Composition API，這是一種基於函式的 API，允許開發者更靈活地組織元件程式碼。與 Vue.js 2 的選項 API 相比，Composition API 提供了更好的程式碼組織方式，尤其適用於大型複雜應用程式。
Vue.js 3 在效能、開發體驗、組織程式碼等方面都有很大的提升，並且提供了更多的功能和特性，使得開發者能夠更輕鬆地構建高效能、可維護的 Web 應用程式。
參考資料
後續將參考以下材料，進行 Vue3 學習筆記整理：
- Vue3 官網：https://cn.vuejs.org/guide/introduction.html
- Vue3 One Piece：https://vue3js.cn/
- 菜鳥教程 Vue3 教程：https://www.runoob.com/vue3
- Vue3+TS 快速上手：https://huaxhe.gitee.io/vue3_study_docs