聊聊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等，官方提供周边工具