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

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

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

---

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

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

出于您的兴趣，您可以查看以下帖子：

也许这有帮助？