vue如何实现优雅的批量更新

根号四十二
  • 69

我的vue组件关联了一个大数组,数组中的50%的数据会不断发生变化.
我现在是通过this.$set(array,index,value)去逐个更新的

不过我有一个疑问,由于vue时响应式的,应该有可能在我更新的过程中就会触发一次重绘。我希望有一些机制能够在更新前关闭变更检测,整个更新完之后,在打开变更检测。

我隐约记得react有这样的api,但是翻了半天文档找不到了.

还望指教,谢谢!

回复
阅读 5.6k
4 个回答
右____
  • 131
Zoro
  • 731

deepClone 一个新数组, 遍历完, 再更新给 state
或者
使用 immutable.js, immer.js等 在不可变数据里修改后,再更新给 state

vue会做处理的啊,会等待一定的操作,一起合并更新,并不会一点点更新呢

如果你数据更新的代码都是同步的,那就不用担心这个问题,vue会在你的同步代码执行完成后再去更新dom

宣传栏