vue2学习笔记8 - 通过object.defineProperty理解Vue的响应式原理（setter/getter）

前言

常看到说Vue是响应式的，或者说，它把data中的各种属性通过Object.defineProperty转换成setter/getter，以使得vue能够追踪这些属性的变更，从而适时通知页面重新渲染或者修改Model中的值，从而实现数据的双向传递。

1、初识Object.defineProperty

ES5 提供了 Object.defineProperty 方法，该方法可以在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。
语法

Object.defineProperty(obj, prop, descriptor)

参数

• obj: 要在其上定义属性的对象。

• prop:  要定义或修改的属性的名称。

• descriptor: 将被定义或修改的属性的描述符。

如下代码：定义一个person，其中有两个属性，name和address。想要添加一个属性age，可以像前两个属性一样添加，也可以使用Object.defineProperty添加。

<