因为在react中会出现定义大量实际dom的情况，需要频繁的操作大量实际dom，这样会带来访问性能的严重下降，所以需要引入虚拟dom，避免频繁的dom操作带来的性能下降问题，虚拟dom可以更好地提升页面性能。
本教程操作环境：Windows10系统、react16.4.0版、Dell G3电脑。
react为什么要引入虚拟dom
React框架的核心之一就是虚拟DOM，相对于实际DOM而言，虚拟DOM可以更好地提升页面性能。
为什么要使用虚拟DOM？
通常设计人员在设计传统HTML网页的UI时， 都会在页面中定义若干的DOM元素， 这些DOM元素是所谓的实际DOM。实际DOM负责承载着外观表现和数据变化，任何外观形式的改变或数据信息的更新都要反馈到UI上， 都是需要通过操作实际DOM来实现的。但对于复杂的页面UI而言， 往往会定义大量的实际DOM。频繁地操作大量实际DOM， 往往会带来访问性能的严重下降， 用户体验也会随之变差， 因此， React框架专门针对这个现象引入了虚拟DOM机制，以避免频繁的DOM操作带来的性能下降问题。
React DOM类似于一种将相关的实际DOM组合在一起的集合， 是有区别于传统概念上的DOM元素的，如果将其理解为DOM组件应该更为贴切，所以React框架将ReactDOM称为虚拟DOM。
创建虚拟DOM
纯js方式 React.createElement('h1',{},title)
JSX方式
{title}
下面感受一下实际DOM和虚拟DOM书写的区别
实际DOM
虚拟DOM
在使用React框架之前需要提前导入React的js库
推荐学习：《react视频教程》
