Vue中如何用通俗易懂的方式掌握gettersetter用法？

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

当你将一个普通的JavaScript对象传递给Vue实例的data选项时，Vue将遍历此对象所有的属性，并使用Object.defineProperty将这些属性全部转为getter/setter。这样做是为了实现Vue的响应式系统，使得数据变化时能够触发视图更新。Object.defineProperty是ES5中用于定义对象属性的方法，它无法直接对已有属性进行转换。

当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。