前端面试题---虚拟dom更新原理

vue的生命周期里有"挂载"这个阶段
这个阶段里, vue实例已经把准备好的组件挂载到页面, 模版被编译成虚拟DOM, 最终渲染到实际的dom中

Vue 虚拟 DOM 更新原理

1 数据变化：当组件数据变化时，Vue 会重新生成虚拟 DOM。

2 Diff 算法：Vue 比较新旧虚拟 DOM，找到差异。

3 生成补丁：根据差异生成补丁（需要更新的 DOM 操作）。

4 应用补丁：将补丁应用到真实 DOM，更新视图。

5 异步更新：Vue 将更新操作异步处理，合并多次更新，减少不必要的 DOM 操作。

总结：
虚拟 DOM 提升性能，通过最小化 DOM 更新和异步批量更新避免频繁渲染。