聊聊Vue2開發者如何快速上手Vue3

如何快速上手Vue3？下面本篇文章給大家對比一下Vue2和Vue3，并介紹一下Vue2開發者如何快速上手Vue3，希望對大家有所幫助！

筆者之前是Vue2+React開發者，因項目需要直接上手Vue3，所以快速學習一下，中間會對比一些和React相關的區別。閱讀前提：已經上手了Vue2的開發，本文主要聊的問題：

• Vue3的全新特性

• Vue2和Vue3的一些區別

• Vue2開發者如何快速上手Vue3

• Vue3和React的簡單比對

• 使用Vue3編寫組件庫

（學習視頻分享：vue視頻教程）

Vue2 vs Vue3

1、簡單點說

• Vue2只支持單節點，Vue3 template支持多節點，類似react fragments
• 變化基本都在script中（Option api -> Composition api）不會再看見滿屏的this了！！！
• style支持v-bind
• Proxy代替defineProperty
  • defineProperty無法實現對數組對象的深層監聽，Proxy是瀏覽器最新api，功能更加強大。
  • 不再支持IE，Vue2想享受Vue3帶來的部分更新，可考慮升級Vue2.7版本
• TypeScript的支持
  • Vue2采用的是Facebook的Flow，沒法完美支持TypeScript（所以項目初期技術選型很重要）
  • Vue3 TypeScript完全重寫，提供和React一樣的TS支持
• 全新生態
  • 基本還是vue周邊伴隨Vue3升級那一套，但是狀態管理推薦，由原來的Vuex變為Pina
  • 全新的vite支持，包括vitest等，官方提供周邊工具