聊聊Vue2開發(fā)者如何快速上手Vue3

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

筆者之前是Vue2+React開發(fā)者，因項目需要直接上手Vue3，所以快速學(xué)習(xí)一下，中間會對比一些和React相關(guān)的區(qū)別。閱讀前提：已經(jīng)上手了Vue2的開發(fā)，本文主要聊的問題：

• Vue3的全新特性

• Vue2和Vue3的一些區(qū)別

• Vue2開發(fā)者如何快速上手Vue3

• Vue3和React的簡單比對

• 使用Vue3編寫組件庫

（學(xué)習(xí)視頻分享：vue視頻教程）

Vue2 vs Vue3

1、簡單點說

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