虚拟DOM和Diff算法的理解

一、虚拟dom

一、什么是虚拟dom

（Virtual DOM 的简写为 vdom，它是实现 Vue 和 React 的重要基石。）

虚拟 dom 是利用 js 描述元素与元素的关系，用 js 对象来表示真实的 DOM 树结构，创建一个虚拟 DOM 对象

在组件渲染的时候会调用 render 函数，这个函数会生成一个虚拟 dom，再根据这个虚拟 dom 生成真实的 dom，然后这个真实的 dom 会挂载到我们的页面中。

---

如果组件内有响应的数据，数据发生改变的时候 render 函数会生成一个新的虚拟 dom 新的虚拟 dom 树和旧的虚拟 dom 树进行对比，找到要要修改的虚拟 dom 的部分，去修改相对应部分的真实 dom

//虚拟 DOM 节点 目前是一个规范化的数据结构
{
   
  tag: 'div',
  data