nexttick的原理与应用

nextTick()

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

• • 使用nextTick的目的
• 即使在 Vue 中多么频繁地修改数据，最后 Vue 页面只会更新一次。

nextTick的作用
nextTick 就是设置一个回调，用于异步执行。
就是把你设置的回调放在 setTimeout 中执行，这样就算异步了，等待当时同步代码执行完毕再执行。

Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。

简单来说，Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。

• 用途：应用场景：需要在视图更新之后，基于新的视图进行操作。