深入理解React中的虚拟dom

react是数据驱动渲染的，虚拟dom相对于传统的dom操作，性能的提升上很明显，过程大致如下：
1.state数据
2.JSX模板
3.生成一个虚拟的dom--a（虚拟的dom就是一个js对象，用它来描述真实的dom）
4.数据 + 模板 结合，生成真实的dom渲染到页面上
5.若state发生改变
6.生成一个虚拟的dom--b
7.将虚拟dom a和b做比较，找到区别
8.直接操作dom改变区别的内容

jsx 是通过createElement来转变成虚拟dom的（js对象）然后虚拟dom转化成真实dom