nextTick使用场景:
在数据变化之后使用 Vue.nextTick(callback),回调函数将在 DOM 更新完成后被调用。
分析:
Vue 实现响应式是按一定的策略进行 DOM 的更新。且在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后,在下一个的事件循环“tick”中,Vue 会刷新队列并执行实际 (已经去重的) 工作。
网友评论