你对虚拟 DOM 的理解是什么？解释它的工作原理

类别：react / 日期：2022-10-12 / 浏览：230 / 评论：0

虚拟 DOM 是一个轻量级的 JavaScript 对象，它最初只是真实 DOM 的副本。它是一个节点树，将元素、它们的属性和内容列为对象及其属性。React 的 render 函数从 React 组件中创建一个节点树。然后它更新这棵树以响应数据模型中由用户或系统执行的各种操作引起的变化。

虚拟 DOM 分三个简单的步骤：

1.每当任何底层数据发生变化时，整个 UI 都会在虚拟 DOM 表示中重新呈现。

2.然后计算之前的 DOM 和新的 DOM 之间的差异。

3.计算完成后，真正的 DOM 将只更新实际更改的内容。

评论区

一

二

三

四

五

六

日