Vue2.X与Vue3.0数据响应原理有何根本差异，导致长尾词处理方式大相径庭？

本文共计814个文字，预计阅读时间需要4分钟。

javascript使用`defineProperty`可以定义对象的属性，仅通过属性的get和set实现响应式。常用属性包括：- value：属性的值- get：获取属性值时的操作- set：设置属性值时的操作- writable：是否可写- enumerable：是否可枚举

Vue从修改一个数据到触发变化的过程：- Vue2.X数据响应原理

defineProperty 定义对象的属性，只不过属性里的get和set实现了响应式。

常用：

• value属性值
• get
• set
• writeable 是否可写
• enumrable 可遍历

Vue从改变一个数据到发生改变的过程

Vue2.X数据响应原理

创建页面，实现延时2s修改对象的值。