vue的虚拟DOM

1、作用

提高性能（直接操作DOM性能低，js层操作效率高）

跨平台

2、虚拟DOM如何生成

1、为组件编写模版-template

2、模版被编译器编译渲染为函数-render

3、挂载中调用render函数，返回对象就是虚拟DOM

4、后续patch过程中进一步转化成真实DOM

3、VDOM如何diff

1、挂载过程结束，记录第一次生成的VDOM -oldVnode

2、当响应式数据发生变化时，将引起组件重新render，此时生成新VDOM -newVnode

3、oldVnode与newValue做diff操作，将更改部分应到真实DOM上，从而转化为最小量的dom操作，高效更新视图