Vue2 和vue3的区别

1、最大的改动就是vue2用的options api , vue3用的是composition api

2、vue2是object.defineProperty，vue3是proxy实现数据的响应式

3、全新的全家桶

4、全新的ts支持

5、vate

Options api 存在的问题就是，当组件越来越多的时候，可读性就会变差，比如找一个定义的方法要一直往下翻

Component api 是把定义的数据和使用的数据的逻辑放在一起进行处理，以达到更加易读，更加方便扩展的目的

Ref 、 reactive 都可以定义响应式数据，但是20年10月社区大佬提出新的pr(项目评审),重构了响应式的一部分，性能和速度都大大的提升  所以这也就是我们使用ref的原因

Vue2 创建一个vue实例需要new vue的形式，vue3是通过引入createApp方法和App实例的方式来创建vue实例

Vue3是所有的逻辑，定义的数据都要写在setup() 函数里，当你想要定义一个响应式数据，最后还有return出去，整体来看其实和vue2没有什么区别，所以vue3又进一步做了改进，又vue3升级到了3.2，在3.2中采用的是<script setup>标签的形式，也就是setup的语法糖，在这种情况下，我们就不用再去进行return操作，在3.2版本可以做到写vue就像写普通js一样