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

根号四十二
  • 69

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

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

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

还望指教,谢谢!

回复
阅读 5.6k
4 个回答

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

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

Zoro
  • 731

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

右____
  • 131
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏