vue的虚拟dom补丁（patch）本身同步执行，但整个更新流程由微任务异步调度，实现批量更新与视图最终一致性；同一事件循环内多次数据变更仅触发一次patch，$nexttick确保在patch完成后执行回调。
Vue.js 的虚拟 DOM 补丁更新（patch）本身是同步执行的，但整个更新流程被包裹在异步微任务中调度，这是响应式更新“批量更新”和“视图最终一致性”的关键设计。
响应式触发后，更新被推入微任务队列
当响应式数据变化（如 setter 触发依赖通知）时，Vue 会为关联的 watcher 标记为“待更新”，但不会立即执行 render 和 patch。而是调用 queueWatcher，将 watcher 推入一个全局队列，并确保在当前 tick 结束前，仅以 Promise.then、MutationObserver 或 setImmediate（降级）的方式，在下一个微任务中统一 flush 队列。
- 同一事件循环内多次数据修改，只会触发一次 patch
- 这避免了重复渲染和中间无效 DOM 状态
- 开发者调用 this.message = 'a'; this.message = 'b';，最终只渲染 'b'
patch 过程本身是同步的，但时机由微任务控制
真正执行 virtual DOM diff 和 DOM 操作补丁（patchVNode / patchElement） 是同步函数调用，没有内部异步逻辑。它的“异步感”完全来自执行时机：它总是在微任务回调中被调用，因此一定晚于同步代码，早于宏任务（如 setTimeout）。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章