vue2与vue3的响应式区别 1.vue2的响应式 2.vue3的响应式

在vue2官网的深入响应式原理中可以得知以下特性:

  • 使用Object.defineProperty实现将一个数据转化为响应式
  • 无法检测已有响应式对象的成员添加或移
  • 无法检测数组的某些变动:
    • 当你利用索引直接设置一个数组项时
    • 当你修改数组的长度时
  • Vue 在更新 DOM 时是异步执行的。

2.vue3的响应式

vue3的响应式采用的是ES6Proxy实现的。且在响应式数据中的如数组或者对象手动添加元素也是响应式的