LearningRecord icon indicating copy to clipboard operation
LearningRecord copied to clipboard

Published 20 hours ago • verified publisher icon Rashomon511

Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty

Open Rashomon511 opened this issue 5 years ago • 0 comments

Object.defineProperty无法监控到数组下标的变化，导致通过数组下标添加元素，不能实时响应；

Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。Proxy可以劫持整个对象，并返回一个新的对象。 Proxy 与 Object.defineProperty的对比

Rashomon511 avatar Apr 10 '19 03:04 Rashomon511