Fork me on GitHub

nextTick

Vue.nextTick 的原理和用途

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

总结

以上就是vue的nextTick方法的实现原理了，总结一下就是：

  1. vue用异步队列的方式来控制DOM更新和nextTick回调先后执行

     

  2. microtask因为其高优先级特性，能确保队列中的微任务在一次事件循环前被执行完毕

     

  3. 因为兼容性问题，vue不得不做了microtask向macrotask的降级方案

posted @ 2021-04-18 12:09  Kaicy  阅读(100)  评论(0)    收藏  举报