细说 Vue 响应式原理的 10 个细节！

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 作者：前端有路灯 https://juejin.cn/post/7187285219257352250 在讲解之前，我们先了解一下数据响应式是什么？所谓 数据响应式 就是建立 响应式数据 与 依赖 （调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。从Vue2到Vue3都使用了响应式，那么它们之间有什么区别？ Vue2响应式 ：基于 Object.defineProperty() 实现的。 Vue3响应式 ：基于 Proxy 实现的。 那么它们之间有什么区别？为什么Vue3会选择Proxy替代defineProperty？我们先看看下面两个例子： //  defineReactive(data,key,val){      Object .defineProperty(data,key,{        enumerable : true ,     ………………………………