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 ,并打印出它的属性,如下所示:
真实 DOM 的体积非常庞大,而且操作它会让页面重绘,非常浪费性能
解决方案就是,以 js 的形式把真实的 DOM 结构描述出来, 运用 diff 算法来计算出真正需要更新的节点,最大程度的减少低性能的 DOM 操作
Vue3 diff算法
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-3
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章