vue2和vue3的区别

vue3基于vue2的框架上优化了一些性能，虽然大部分功能和用法没有改变，但还是有小部分方法，以及api发生了改变，所以今天就帮大家整合了一下vue3的更新。

响应式系统重写（重点）

使用proxy代替defineproperty实现数据响应式。
vue2中通过defineproperty，劫持数据的getter，setter属性，实现数据响应。在vue3中使用基于ES6的proxy，可以更有效地监控数据变化，包括对象和数组的内部变动。

API

API类型的不同。
vue 3引入了Composition API，这是一种基于函数的API风格，相比vue 2的Options API，它提供了更灵活和组织性更好的代码结构。

Tree-Shaking（树摇）

可以简单理解为筛选掉不重要的“废料”。

生命周期

在vue3中删除了beforeCreate和created，改为了setup，和vue2中的用法一样，可以数据初始化。
其次，vue2中的beforeDestroy和destroyed在vue3中修改为onBeforeUnmount和onUnmounted。
此外，在vue2中的声明周期前加on，就是vue3中的生命周期了，用法都一样。例如：onBeforeUpdate，onUpdated。

性能提升

vue 3在性能方面有显著提升，包括初次渲染和更新的速度提升，以及内存使用的减少。

除此之外，vue3中还有很多其他的更新，就不一一跟大家描述了，大家有兴趣的可以在vue的官网（https://cn.vuejs.org/）中查看。