[聚合文章] web前端vue：如何追踪数据（data里）变化实时渲染

当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。
用户是看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。
每个组件里都有一个watcher 实例对象，它会在组件渲染时把属性依赖记录下来，当setter被调用时会通知 watcher 重新计算重新渲染页面。