vue $forceUpdate 强制更新

Posted 2020-11-28 xiaofenguo

vue中的$forceUpdate是强制更新的意思，强制触发vue的update方法；

对于深结构数据，比如，修改数组的长度为0 arr.length=0; 给对象添加新的属性 obj.newAttrbute=‘value‘;

这样写是没有效果的，页面上的数据并不会同步更新，因为没有按照vue的规范去写，对于深层数据，需要使用$set方法，手动给数据绑定get set方法，实现数据的

双向绑定，同时vue不建议直接修改length，可以给一个空数组来置空。

当我们不想使用$set方法，直接给对象添加属性或者修改数组的长度就可以使用$forceUpdate方法，实现强制更新，迫使vue实例重新渲染，它仅仅是影响实例本身和插在插槽内容的子组件，而不是所有的子组件。