数据驱动p2

本节所学:内存DOM树,

若不考虑中间空白的文本节点

 <div id="app">
      <div>
        <h3>
          {{name}}---{{massage}}
        </h3>
      </div>
      <p>{{name}}</p>
      <p>{{massage}}</p>
    </div>

如上图应该是:

图片.png
图片.png

• 代码整合
  让我们看下vue内部定义: //内部数据值用_开头,只读数据用$开头
  图片.png
  ready准备阶段:
  视频保存截图.png
  图片.png