Vue中nextTick实现原理

源码实现思路（面试高分回答）
面试官问我 Vue 的 nextTick 原理是怎么实现的，我这样回答：

在调用 this.$nextTick(cb) 之前：

1. 存在一个 callbacks 数组，用于存放所有的 cb 回调函数。
2. 存在一个 flushCallbacks 函数，用于执行 callbacks 数组中的所有回调函数。
3. 存在一个 timerFunc 函数，用于将 flushCallbacks 函数添加到任务队列中。

当调用 this.nextTick(cb) 时：

1. nextTick 会将 cb 回调函数添加到 callbacks 数组中。
2. 判断在当前事件循环中是否是第一次调用 nextTick：
   • 如果是第一次调用，将执行 timerFunc 函数，添加 flushCallbacks 到任务队列。
   • 如果不是第一次调用，直接下一步。
3. 如果没有传递 cb 回调函数，则返回一个 Promise 实例。

根据上述描述，对应的流程图如下：