vue3数据响应式理解

90 阅读1分钟

对vue3数据响应式理解(和vue2数据响应式区别)

vue3数据响应式不再通过object.defineProperty方式完成数据响应式,通过proxy实现 proxy除了本身效率比object.defineProperty更高之外,由于不必遍历对象的所有属性,而是直接得到一个proxy,所以在vue3中,对数据的访问是动态的,访问某个属性的时候,再动态的获取和设置,提升了组件在初始阶段的效率

同时由于proxy可以监控到成员的新增和删除,所以在vue中新增和删除成员可以触发重新渲染,之前vue2做不到