REACT数据视图更新原理

一、初始化数据state
二、JSX模板
三、数据+ 模板生成虚拟DOM（虚拟DOM就是一个JS对象，用它来描述真实的DOM）（损耗性能）
四、用虚拟DOM的结构生成真实DOM来显示
<div id = "rty" > <span>hello jsx</span></div>
五、state 发生改变
六、数据 + 模板 生成新的虚拟DOM (极大提升性能）
['div' ,{ id:'abc },['span',{},'bye bye']]
七、比较原始虚拟DOM和新的虚拟DOM的区别， 找到span内容
八、直接操做DOM该变span内容 避免频繁操做真实DOM极大提升性能