深入理解Vue响应式原理

 

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

2.组件实例的 watcher 实例对象，

 

二：创建的Vue组件实例上添加响应式属性。   解决办法：将响应属性添加到嵌套的对象上

1.Vue.set(object, key, value) 还可以使用 vm.$set 实例方法，这也是全局 Vue.set 方法的别名。

2.this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })   // 来代替 `Object.assign(this.someObject, { a: 1, b: 2 })`

 

三：异步更新队列

1.数据变化，添加到DOM更新队列。