聊聊vue2和vue3的响应系统

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 概述 Vue 2 和 Vue 3 在实现响应性的目标相同即在数据变化时自动更新视图，但他们的实现方式不一样，它们使用了不同的技术栈和方法。Vue 2 使用的是 Object.defineProperty 来实现响应式数据的代理，Vue 3 使用的是 Proxy 来实现响应式数据的代理。下面先简单聊聊 Object.defineProperty 和 Proxy Object.defineProperty和proxy Object.defineProperty 和 Proxy 是 JavaScript 中控制对象的属性访问与修改的两种方式，它们的作用相似，但使用方式和功能上有很大的差异。 1. Object.defineProperty Object.defineProperty 是一种直接通过 API 设置对象属性的方法，可以让你精确地控制对象的某个属性的行为。 特点： 可以用来定义对象的属性，包括数据属性和访问器属性。 可以控制属性的特性，比如可写性、可枚举性、可配 ………………………………