$forceUpdate强制更新视图渲染。
由于vue数据双向绑定的原理,在使用vue的时候一些简单的数据更新,触发视图渲染的行为直接完成。
但是也有复杂数据(深结构数据)的时候,如对象里面的数组更新或增加对象长度(添加对象新属性值),就无法触发视图渲染更新了
vue不能监听已有对象的属性添加和删除,我们可以创建一个新对象包含原对象和新增对象属性
this.obj = Object.assign({}, this.obj, { a: 1, e: 2 })
这里也可以用 $forceUpdate 强制更新,触发视图渲染
this.obj.a = 1
this.obj.e = 2
this.$forceUpdate()