NextTick原理

173 阅读1分钟

直接看《深入浅出Vuejs》P175即可,下面内容为笔记

1、NextTick作用:

当数据更新,视图还未更新时做的一些操作

2、vue使用异步更新队列

在Vue中,当状态发生变化,watcher会收到通知,然后触发虚拟DOM重新渲染 , 但是watcher触发渲染为异步任务,每当有需要重渲染时,watcher会被推送到任务队列并去重,然后在下一次事件循环中,Vuejs会让队列中的watcher触发渲染流程并清空队列

3、什么是事件循环?

github.com/JuntengMa/F…

4、什么是执行栈?

github.com/JuntengMa/F…

5、nextTick怎么做到下次DOM更新周期执行

nextTick将更新DOM回调添加到微任务中执行

6、源码及备注

github.com/JuntengMa/l…

7、nextTick流程