浅谈vue虚拟DOM

虚拟DOM其实就是把UI界面通过数据结构的形式‘虚拟’的表示出来，保存在内存中，然后与真实的DOM保持同步。

虚拟DOM可以理解为一个js对象，这个对象包含真实DOM的所有信息。

运行时 渲染器遍历这个对象（虚拟DOM树），据此来构建真实的DOM树。----挂载

修改后 渲染器遍历遍历新旧两个对象（虚拟DOM）， 找出他们之间的区别，将修改部分运用到真实的DOM树上。----更新

优点：让开发者能够灵活、声明式地创建、检查和组合所需 UI 的结构，同时只需把具体的 DOM 操作留给渲染器去处理。（比较灵活，简化了很多操作，提高了开发效率）

缺点：更新算法无法预知新的虚拟 DOM 树会是怎样，即使一棵树的某个部分从未改变，还是会在每次重渲染时创建新的 vnode，比较每个 vnode 上 props 的区别来确保正确性。带来了大量不必要的内存压力。（牺牲效率来换取声明式的写法和最终的正确性）