Virtual DOM 和 ReactDOM 有什么区别？

Question

我在互联网上浏览了很多文章询问两者之间的区别，但几乎每个人都解释了 Virtual DOM 和 Real DOM 之间的区别。根据我目前的了解，VirtualDOM 只是一个软件概念，其中维护了 Real DOM 的单独副本...... ReactDOM 只是 Virtual DOM 的一个实现吗？

Answer 1

是的，Virtual DOM 是 Web 开发中使用的一个概念，ReactDOM 是该概念在 React 上下文中的具体实现，React 是一个用于构建用户界面的 JavaScript 库。

• 真实 DOM： Real DOM（文档对象模型）是网页结构的表示。它是一个分层的树状结构，其中网页上的每个元素都是树中的一个节点。 当网页状态发生变化时（由于用户交互或其他事件），真实 DOM 会更新，整个页面可能需要重新渲染。

• 虚拟 DOM： 虚拟 DOM 是一个编程概念。它涉及在内存中创建 Real DOM 的虚拟表示。 React 使用虚拟 DOM 来更有效地执行更新，而不是每次发生更改时都直接操作真实 DOM。 当应用程序状态发生变化时，React 首先更新虚拟 DOM，而不是真实 DOM。 （https://legacy.reactjs.org/docs/faq-internals.html）

• ReactDOM： ReactDOM 是 React 的具体实现，负责根据 Virtual DOM 的变化更新 Real DOM。 ReactDOM 只负责有效地更新 Real DOM 中已更改的部分，而不是重新渲染整个页面。 它充当 React 所使用的 DOM 的虚拟表示与浏览器中的实际 DOM 之间的桥梁。 （https://it.legacy.reactjs.org/docs/react-dom.html）