vue3相對于vue2的優勢
- 性能更好
- 體積更小
- 更好的ts支持(vue3 ts開發)
- 更好的代碼組織
- 更好的邏輯抽離
- 更多新功能(vue2其實也都能自己做出來)
更好的代碼組織
Composition API 的革新
Vue 2 采用 ??Options API??,通過 data、methods、computed 等選項分割邏輯,導致相關功能分散在不同區塊,難以維護
Vue 3 引入 ??Composition API??,通過 setup() 函數集中組織邏輯
優勢:
同一塊思想 vue2不好寫在一起 無論是看還是維護都很煩
類型推導友好 函數式代碼更易typescript推斷類型
減少this依賴 降低調試成本
更好的邏輯抽離
Vue 2 通過 ??Mixins?? 復用邏輯,但存在命名沖突、來源不清晰等問題,Vue 3 使用 ??組合函數??(Composables),將邏輯封裝為獨立函數
vue3和vue2 生命周期的區別
名稱變更(其余不變)
beforeDestroy改為onbeforeUnmount
destroyed改為onunmouted
beforeCreate和created 等于setup()