获得徽章 15
赞了这篇文章
今日学习 Vue2 源码:
在一个组件中多次调用 nextTick 时,如果是在当前事件循环中第一次调用 nextTick ,会将参数中的回调函数 push 到一个回调列表 callbacks ,并且将一个清空 callbacks 且执行 callbacks 中所有回调函数的 flushCallbacks 函数加入到事件队列中,后续再调用 nextTick 将只会把回调函数 push 到 callbacks 而不会把 flushCallbacks 加入到事件队列中,因为调用一次 flushCallbacks 函数就能执行 callbacks 中所有函数。直到事件循环在事件队列中取出 flushCallbacks 并执行,就会执行 nextTick 中的所有回调函数。
在一个组件中多次调用 nextTick 时,如果是在当前事件循环中第一次调用 nextTick ,会将参数中的回调函数 push 到一个回调列表 callbacks ,并且将一个清空 callbacks 且执行 callbacks 中所有回调函数的 flushCallbacks 函数加入到事件队列中,后续再调用 nextTick 将只会把回调函数 push 到 callbacks 而不会把 flushCallbacks 加入到事件队列中,因为调用一次 flushCallbacks 函数就能执行 callbacks 中所有函数。直到事件循环在事件队列中取出 flushCallbacks 并执行,就会执行 nextTick 中的所有回调函数。
展开
评论
2
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[思考]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_15.f58c082.png)