Vue2和vue3的区别

目录

Vue2和vue3的区别

---

1. 双向数据绑定原理发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势： 可直接监听数组类型的数据变化 监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升 可直接实现对象属性的新增/删除
2. 默认使用懒加载 在2.x版本里。不管数据多大，都会在一开始就为其创建观察者，在数据很大时，就会造成性能的问题。

    在3.x中，只会对渲染出来的数据创建观察者，而且3.x的观察者更高效。 ​

    3.3.0新加入了TypeScript以及PWA支持

    4.重构Virtual DOM ​ 模板编译时的优化，将一些静态节点编译成常量 ​ 优化，将slot编译为lazy函数，将slot的渲染的决定权交给子组织

 

 

---

    5.生命周期有了一定的区别 ​

   Vue2--------------vue34 ​生命周期的区别

   beforeCreate -> setup() 开始创建组件之前，创建的是data和method ​

   created -> setup() ​ beforeMount -> onBeforeMount 组件挂载到节点上之前执行的函数。 ​

   mounted -> onMounted 组件挂载完成后执行的函数 ​

  beforeUpdate -> onBeforeUpdate 组件更新之前执行的函数。 ​ updated -> onUpdated 组件更新完成之后执行的函数。 ​

  beforeDestroy -> onBeforeUnmount 组件挂载到节点上之前执行的函数。 ​ destroyed -> onUnmounted 组件卸载之前执行的函数。

​ activated -> onActivated 组件卸载完成后执行的函数 ​ deactivated ->   onDeactivated

---

总结--------- 3.0版本会学习。。。。