Vue中$nextTick渲染先后的问题

Question

微任务>DOM渲染>宏任务
$nextTick是微任务，微任务的执行是在DOM渲染前的;
经过验证$nextTick是在DOM渲染后触发的；
互相矛盾，可以解释一下吗？

Answer 1

来自chatGpt
在 Vue.js 2.x 版本中，$nextTick 的实现确实是将回调函数放入微任务队列中，并且在DOM渲染前执行。但在 Vue.js 3.x 中，由于采用了新的响应式系统和渲染机制，$nextTick 的实现方式已经改变。现在，$nextTick 实际上将回调函数排入下一个渲染周期的更新队列中，在当前更新周期同步任务执行完成之后，执行下一个更新周期的渲染工作，进而触发 $nextTick 回调函数的执行。
因此，在 Vue.js 3.x 中，$nextTick 的执行时间点已不再受到 DOM 渲染的影响，而是与当前更新周期的渲染工作有关。