【vue】虚拟DOM

一、什么是虚拟DOM

简单来说：虚拟DOM就是用JS对象模拟DOM结构

虚拟DOM实际上它只是一层对真实DOM的抽象，以javascript对象作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映射到真实环境上

在JavaScript对象中，虚拟DOM表现为一个object对象。并且最少包含标签名(tag)、属性(attrs)和子元素对象(children)三个属性，不同框架对这三个属性的命名可能会有差别

创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中，所以虚拟DOM对象的节点与真实DOM的属性一一对应

在vue中同样使用到了虚拟DOM技术

定义真实DOM

<div id="app">
    <p class="p">节点内容</p>
    <h3>{
  { foo }}</h3>
</div>

实例化 vue

const app = new Vue({
    el:"#app",
    data:{
        foo:"foo"
    }
})

 根据render的render，