Object.defineProperty 对对象的属性劫持

Proxy 是对整个对象劫持

Object.defineProperty 劫持数据

• 只是对对象的属性进行劫持
• 无法监听新增属性和删除属性
• 需要使用 vue.set, vue.delete
• 深层对象的劫持需要一次性递归
• 劫持数组时需要重写覆盖部分 Array.prototype 原生方法

Proxy 劫持数据

• 真正的对对象本身进行劫持
• 可以监听到对象新增删除属性
• 只在 getter 时才对对象的下一层进行劫持(优化了性能)
• 能正确监听原生数组方法