React JS 中虚拟 DOM 和真实 DOM 的区别？

Question

谁能解释一下 React JS 中的虚拟 DOM 和真实 DOM 之间的区别吗？我得到了以下答案，但我仍然不清楚。任何帮助将不胜感激。

\n\n

\n

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

\n

\n

Answer 1

如果以电梯为例，里面有一面镜子，那么虚拟 DOM 就很容易理解了。假设，4人进入电梯。现在，镜子将反射出4个人的样子。再次进入电梯的人会反射镜面的物体。当人们离开电梯时，也会发生同样的效果，镜子对象会发生变化（增加、减少，甚至变空）。所以，现实中的镜子并没有真实的物体，它只是通过外部物体来反映它的存在。

虚拟 DOM 在概念上类似。它没有真正的 DOM。它只是封装在 JavaScript 对象中的真实 DOM 的副本。每当 DOM 发生变化时，虚拟 DOM 也会发生变化。

如果您有兴趣，您可以查看以下帖子：

反应中的渲染元素