Vue在初始化实例时会转换data对象上的属性以实现响应式。若要为嵌套对象添加响应式属性，可使用Vue.set或this.$set方法。当数据变化时，Vue会异步更新DOM，可通过Vue.nextTick确保在DOM更新后执行操作。Object.assign用于对象属性的合并，但不会创建响应式属性。了解这些技巧有助于优化Vue应用的性能。
对象属性的添加或删除
由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。
解决办法：
使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上
Vue.set(vm.someObject, 'b', 2) 或者 this.$set(this.someObject,'b',2) （这也是全局 Vue.set 方法的别名）
异步更新队列
Vue 异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次。
解决办法：
可在数据变化之后立即使用 Vue.nextTick(callback)。这样回调函数在 DOM 更新完成后就会调用
因为 $nextTick()返回一个 Promise 对象，所以可以使用新的 ES2016 async/await语法完成相同的事情
Object.assign方法
object.assign方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。
注：object必须是已经声明的对象
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
