虚拟DOM和diff算法

虚拟dom是根据模板生成一个js对象（使用createElement方法），再根据这个js对象生成一个真实的dom，对复杂的文档dom结构，提供一种方便的工具，进行最小化的dom操作

虚拟dom就是一个js对象，vue和react会把文档结构虚拟成一个js对象，然后对节点操作的时候，就是对虚拟dom的操作，当某一个节点发生改变时，或者某一个节点绑定的数据发生改变的时候，vue会监测到这个变化，然后拿旧的虚拟dom和新的虚拟dom进行对比，通过diff算法快速定位到改变的节点，把节点的修改转化为dom操作，让dom去改变文档，避免一个节点变了，整个页面要重新刷新，简化了dom操作。

diff算法是当data发生改变的时候，会根据新的数据生成新的虚拟dom，新的虚拟dom和旧的 虚拟dom进行对比的过程，就叫做diff算法，会找不同的地方，渲染不同的地方

diff算法执行过程：

1.用js对象结构表示dom树的结构；然后用这个树构建一个真正的dom树，插到文档中

2.当状态变更的时候，重新构造一棵新的对象树，然后新的树和旧的树进行对比，记录两棵树差异

3.把所记录的差异应用到所构建的真正的dom树上，视图就更新了