【vue】挂载点，模板与实例

挂载点，模板与实例之间的关系

vue实例仅处理挂载点里面的内容（dom节点），挂载点内部的为模板。

vue实例 代码片.

  <div id="app">
    <h1>hell {{msg}}</h1>  
  </div>  <!-- Vue实例的挂载点 -->
  
  <div id="root"></div> <!-- 不是Vue实例的挂载点 -->

  <script>
    new Vue ({
      el: "#app", //指定挂载点绑定的id
      template: '<h1>hello {{msg}}</h1>', //模板
      data: {
        msg: "World!!"
      }
    })
  </script>
  

挂载点

指的是Vue实例里面的 el属性对应的 id所对应的 dom节点
el属性：提供一个在页面上已存在的DOM元素作为 Vue实例的挂载目标。

模板

指的是挂载点内部的内容，可以写在挂载点内部，也可以下载 Vue实例里面的 template属性里

实例

new Vue()创建