創(chuàng)建和使用Vue實例，分為4部：

第1步 創(chuàng)建語法

<script>
      let vm = new Vue({});
</script>

釋：給Vue( )傳了一個參數(shù)選項，是一個空對象；

第2步 設置數(shù)據(jù)

 let vm = new Vue({
     //實例vm的數(shù)據(jù)
   data:{
     name: "hiddensmile",
     sex : "女"
     }
  });

釋：參數(shù)對象不再是一個空對象，它包含一個屬性：data，而data的值也是一個對象，這個對象就是我們給實例vm設置的數(shù)據(jù)了。比如：name為hiddensmile，sex為女等等。

第3步 掛載元素(怎么把數(shù)據(jù)展示在視圖上呢? 通過掛載元素)

視圖view部分：

<div id="app"></div>

視圖（html部分）上我們有一個id為“app”的div元素。

let vm=new Vue({
   //掛載元素
   el:'#app',
   //實例vm的數(shù)據(jù)
   data:{
      name:"hiddensmile",
      sex:"女"
    }
 })

釋：不但有屬性“data”，還多了個屬性：“el”，el參數(shù)提供一個在頁面上已經(jīng)存在的DOM元素，作為vm的掛載目標。表示vm和id為“app”的DOM節(jié)點就關(guān)聯(lián)起來了；

第4步 渲染（把vm的數(shù)據(jù)綁定到指定的視圖上）

<div id="app">
   我是{{ name }},
   是{{sex}}性
</div>

釋：需要用一個雙大括號：{{ }} 即可，{{ name }} 和 {{ sex}} 就是我們給實例vm設置的數(shù)據(jù)name和sex，我們用{{ }}可以直接讀取到它們的值；

數(shù)據(jù)渲染成功

總結(jié)一下：創(chuàng)建并使用一個Vue實例并不難，僅需4步走：

創(chuàng)建Vue實例步驟