1,nextTick:等待下一次DOM更新刷新的工具方法
2,nextTick原理: vue更新的响应状态并不是同步生效的，vue会将它们缓存在一个队列中,直到下一个Tick才一起执行;这样是为了保证无论状态更改多少次；仅更新一次；而nextTick可以在状态改变后立即使用;
3, nextTick原码分析:
nextTick源码主要分为两块：
- 能力检测
- 根据能力检测以不同方式执行回调队列
Vue 在内部对异步队列尝试使用原生的 Promise.then等等，如果执行环境不支持，则会采用 setTimeout 代替。宏任务耗费的时间是大于微任务的，所以在浏览器支持的情况下，优先使用微任务。如果浏览器不支持微任务，使用宏任务；
const callbacks = [] // 回调队列
let pending = false // 异步锁
// 执行队列中的每一个回调
function flushCallbacks () {
pending = false // 重置异步锁
// 防止出现nextTick中包含nextTick时出现问题，在执行回调函数队列前，提前复制备份并清空回调函数队列
const copies = callbacks.slice(0)
callbacks.length = 0
// 执行回调函数队列
for (let i = 0; i < copies.length; i++) {
copies[i]()
} }
export function nextTick (cb?: Function, ctx?: Object) {
let _resolve
// 将回调函数推入回调队列
callbacks.push(() => { if (cb) {
try {
cb.call(ctx)
} catch (e) {
handleError(e, ctx, 'nextTick') }
} else if
(_resolve) { _resolve(ctx) } })
// 如果异步锁未锁上，锁上异步锁，调用异步函数，准备等同步函数执行完后，就开始执行回调函数队列
if (!pending)
{ pending = true
timerFunc() }
// 如果没有提供回调，并且支持Promise，返回一个Promise
if (!cb && typeof Promise !== 'undefined') {
return new Promise(resolve =>
{ _resolve = resolve }
) } }
首先， nextTick函数，该函数的主要逻辑是：先把传入的回调函数 cb 推入 回调队列 callbacks 数组，同时在接收第一个回调函数时，执行能力检测中对应的异步方法 timerFunc，在该方法中会使用当前浏览器支持的异步方法去异步执行 flushCallbacks，而 flushCallbacks 函数中会对 callbacks 进行遍历，并执行每一个回调函数。
nextTick 函数最后还有一段逻辑：
if (!cb && typeof Promise !== 'undefined') {
return new Promise(resolve => {
_resolve = resolve
})
}
这是当 nextTick 不传 cb 参数的时候，提供一个 Promise 化的调用，比如：
nextTick().then(() => {})
4:使用场景：有时需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设置、在使用某个第三方插件时 ，希望在vue生成的某些dom动态发生变化时重新应用该插件，也会用到该方法
