虚拟 DOM 和 DOM diff

虚拟DOM

是什么

是一个能代表DOM的 JavaScript 对象，包含了 tag、props、children 三个属性。

<div id="app">
  <p class="text">hello world!!!</p>
</div>

将上述节点转换成虚拟dom，如下：

{
   
  tag: 'div',
  props: {
   
    id: 'app'