React中使用的虚拟DOM和真实DOM有什么区别呢?
可以通过示例来查看:
虚拟DOM查看代码:
image.png
浏览器打开F12查看:
image.png

真实DOM的查看代码:
image.png

浏览器打开F12查看:
image.png

很明显真实DOM的属性比虚拟DOM的属性多很多。

可以总结虚拟DOM的特点如下:
1、只是一个普通的Object对象,是React用于描述虚拟的元素使用的。
2、虚拟DOM的属性少,对象小,而真实DOM的属性非常多,对象非常庞大;所以更新真实DOM的效率比更新虚拟DOM的效率要低的多。
3、虚拟DOM可以被React转换为真实的DOM,呈现在页面上。

Q.E.D.