vue的生命周期里有"挂载"这个阶段
这个阶段里, vue实例已经把准备好的组件挂载到页面, 模版被编译成虚拟DOM, 最终渲染到实际的dom中
Vue 虚拟 DOM 更新原理
1 数据变化:当组件数据变化时,Vue 会重新生成虚拟 DOM。
2 Diff 算法:Vue 比较新旧虚拟 DOM,找到差异。
3 生成补丁:根据差异生成补丁(需要更新的 DOM 操作)。
4 应用补丁:将补丁应用到真实 DOM,更新视图。
5 异步更新:Vue 将更新操作异步处理,合并多次更新,减少不必要的 DOM 操作。
总结:
虚拟 DOM 提升性能,通过最小化 DOM 更新和异步批量更新避免频繁渲染。