1.什么是虚拟DOM

1.什么是虚拟DOM

虚拟dom高效更新执行过程

• 数据第一次渲染页面之前，会根据model数据创建一个虚拟DOM对象（树）
• 根据虚拟DOM生成真正的DOM，渲染到页面（数据改变页面）
• 当数据第二次发生变化后，会重新根据新的数据，创建新的虚拟DOM对象（树）
• 与上一次得到的虚拟DOM对象，使用Diff算法比对（找不同），得到需要更新的内容， 实现局部更新
• 虚拟dom的作用：高效更新页面，还有就是让react脱离了浏览器的概念
• 新旧虚拟dom树在对比的时候就是通过diff算法来对比的
• 利用diff算法，主要是tree diff树对比，component diff 组件对比，element diff 元素对比

好处就是减少DOM的操作，实现局部更新