Vue2.X与Vue3.0数据响应原理有哪些具体差异？

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

javascript使用 defineProperty 定义对象属性，仅实现属性中的 get 和 set 方法，实现响应式。

常用示例：- value 属性值- get 获取属性值- set 设置属性值- writable 是否可写- enumerable 可遍历

Vue 使用此原理：- Vue 从改变数据到触发变化的过程- Vue2.X 数据响应原理

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

常用：

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

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

Vue2.X数据响应原理

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