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操作,高效更新视图