Vue.js 中 nextTick | 笔记

📝

内容提要

Vue 组件数据更改异步更新，使用 Vue.nextTick() 或 vm.$nextTick() 函数捕获更新时刻，Vue 会批处理更新 DOM，提高效率。

🎯

关键要点

• Vue 组件数据更改不会立即反映在 DOM 中，而是异步更新。

• 可以使用 Vue.nextTick() 或 vm.$nextTick() 捕获 DOM 更新的时刻。

• Vue 会收集多个虚拟 DOM 更新并进行批处理，以提高效率。

• 单个批次更新 DOM 比多个小更新更高效。

🏷️

标签

Vue nextTick() vue.js 异步更新 批处理 组件数据