vue2和vue3的区别

区别	vue2	vue3
源码层面	javascript 使用flow进行类型检测	源码使用typescript进行重构，vue对typescript支持更加友好了
性能方面	v-model：采用defineProperty（）劫持元素的属性	v-model：采用proxy来实现数据劫持。响应式系统的重写。 虚拟DOM的改进。 更好的 Tree Shaking （树摇）支持，可以更精确地按需引入所需的代码，减少了打包后的文件大小。 编译器的优化。生成的代码更加精简，执行效率更高。 销毁和卸载的改进.
api方面	选项式：OptionsAPI 在options里写data,methods,created等描述组件对象，多个逻辑可能在不不同地方，代码内聚性低	组合式：CompositionAPI 将模块相关代码放在同一处处理，不需要在多个options里查找
minins函数， hook函数	vue2使用mixins进行代码逻辑共享，mixins也是由一大堆options组成，如果有多个mixins则可能造成命名冲突等问题。	vue3可以通过hook函数将一部分独立的逻辑抽离出去，并且也是响应式的
代码方面	只能有一个跟标签	可以有多个跟标签 当内部有异步函数，需要使用到await的时候，可以直接使用，不需要在setup前面加async
生命周期	vue2 vue3加on 生命周期 beforeCreate()   setup()   组件开始创建数据实例之前 created()  setup()   组件数据创建数据实例完成 beforeMount()  onBeforeAMount() DOM挂载之前 mounted() onMounted()   DOM挂载完成（页面完成渲染） beforeUpdate()  onBeforeUpdate()   组件数据更新之前 undated()  onUpdated()    组件数据更新之后 beforeDestroy()  onBeforeunmount()   组件销毁之前 destroyed()   onUnmounted()   组件销毁之后