虚拟DOM的作用(简单说明)

1.例如当JSX中的数据发生变化时，React会自动调用render函数重新生成一个ReactElement对象，也就是虚拟DOM，这时会有新老两个虚拟DOM，然后使用diff算法对两个DOM进行比较，找出改变的部分，只对改变的部分进行更新。

2.使用虚拟DOM可以，将要渲染的数据存在虚拟DOM中，然后根据不同平台实现不同的真实DOM的渲染。实现跨平台开发。

3.虚拟DOM帮助我们从命令式编程转到了声明式编程的模式。

可以使用root.render让将虚拟DOM和真实DOM同步起来，这个过程叫做协调(reconciliation)

React的更新视图原理包括以下步骤：

1.生成虚拟DOM：React将UI表示为一个虚拟DOM树，这个树是用JavaScript对象来表示的。

2.生成新的虚拟DOM：当有更改时，React会生成一个新的虚拟DOM树。

3.差异计算（Diffing）：React会比较新旧虚拟DOM树，找出两者之间的差异。

4.生成更新操作：根据差异生成更新操作。

5.操作真实DOM：将这些更新操作一次性应用到真实DOM上，进行必要的更新。

这种机制使得React可以高效地更新视图，只更新必要的部分，从而提升性能。