使用React时浏览器中显示的是Real DOM还是Virtual DOM？

你完全说对了——浏览器最终渲染并展示给你的内容，绝对是Real DOM。

这里给你理清楚两者的本质区别：

• Real DOM：是浏览器内核实际管理的DOM节点树，是看得见摸得着的实体。你在页面上看到的文字、图片、按钮、布局，全都是浏览器通过Real DOM渲染出来的结果，浏览器直接对它进行解析、排版和绘制。
• Virtual DOM：它只是前端框架（比如React、Vue）在内存里维护的一个轻量级JavaScript对象，用来模拟Real DOM的结构和属性。它本身不会被浏览器识别或渲染，作用是帮框架快速计算出Real DOM需要更新的部分，然后只把这些变化同步到真实的DOM上，避免全量更新带来的性能浪费。

简单说：Virtual DOM是框架用来优化性能的“幕后工具”，全程在内存里干活，浏览器根本感知不到它的存在；你能看到的所有页面内容，都是Real DOM的渲染产物。

内容的提问来源于stack exchange，提问作者UDAY VIMAL