Vue3和Vue2的区别

1.Vue3的优点

1. vue3支持vue2的大多数特性，实现对vue2的兼容
2. vue3对比vue2具有明显的性能提升,打包大小减少41%,初次渲染快55%，更新快133%,内存使用减少54%
3. vue3具有的composition API实现逻辑模块化和重用
4. 增加了新特性，如Teleport组件，全局API的修改和优化等

2.响应式原理的不同

• Vue2.x实现双向数据绑定原理，是通过es5的Object.defineProperty，根据具体的key去读取和修改。其中的setter方法来实现数据劫持的，getter实现数据的修改。但是必须先知道想要拦截和修改的key是什么，所以vue2对于新增的属性无能为力，比如无法监听属性的添加和删除、数组索引和长度的变更，vue2的解决方法是使用Vue.set(object,propertyName, value) 等方法向嵌套对象添加响应式。
• Vue3.x使用了ES2015的更快的原生proxy 替代 Object.defineProperty。Proxy可以理解成，在对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy可以直接监听对象而非属性，并返回一个新对象，具有更好的响应式支持。

3.生命周期的不同

vue2 --------------- vue3
beforeCreate -> setup()
Created -> setup()
beforeMount -> onBeforeMount
mounted -> onMounted
beforeUpdate -> onBeforeUpdate
updated -