介绍一下虚拟dom

74 阅读1分钟

将dom节点,dom树用js对象来表示出来,如果我们修改了文本内容,则会生成一个一个新的虚拟dom,会和原虚拟dom(js对比)对比差异,损耗最小化的更新视图

虚拟DOM的目的是将所有操作累加起来,统计计算出所有的变化后,统一更新一次DOM。

vue中,视图渲染会调用render函数,无论是组件创建时还是视图数据更新时,rander会返回一个虚拟dom树,(每个组件都有一个对应的dom树),数据更新时会将新生成的虚拟dom树和旧的dom树对比,找到最小更新量,更新必要的真实dom节点。