type
status
date
slug
summary
tags
category
icon
password
虚拟DOM
虚拟DOM，英文全称
virtual dom，简称 vdom。 本质上就是一个普通的 js 对象，用来描述真实 DOM 的节点信息和属性它包含了
tag、props、children 三个属性，以这三个属性来描述一个 DOM 节点，每组的描述就是一个 Vnode，整个 Vnode 的集合就是一个 虚拟DOM树一个 DOM 上的属性是非常多的，比如我们可以在控制台上，创建一个 div ，并打印出它的属性，如下所示：
.png?table=block&id=3db131f4-6644-4631-ab80-1bce628bf91c&t=3db131f4-6644-4631-ab80-1bce628bf91c)
真实 DOM 的体积非常庞大，而且操作它会让页面重绘，非常浪费性能
解决方案就是，以 js 的形式把真实的 DOM 结构描述出来， 运用 diff 算法来计算出真正需要更新的节点，最大程度的减少低性能的 DOM 操作
Vue3 diff算法
.png?table=block&id=d5ac3da4-eac7-451c-873a-a2cc67d360b6&t=d5ac3da4-eac7-451c-873a-a2cc67d360b6)
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-3
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章