美文网首页
Vue中nextTick的简单理解

Vue中nextTick的简单理解

作者: 萤火驻守心间 | 来源:发表于2022-04-27 17:40 被阅读0次

    nextTick使用场景:
    在数据变化之后使用 Vue.nextTick(callback),回调函数将在 DOM 更新完成后被调用。

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

    相关文章

      网友评论

          本文标题:Vue中nextTick的简单理解

          本文链接:https://www.haomeiwen.com/subject/vajlyrtx.html