第一步白嘁、創(chuàng)建語法
創(chuàng)建一個Vue的實例很簡單，如下所示：
<script>
let vm = new Vue({})
</script>
通過關鍵語句 new Vue() 我們就可以創(chuàng)建一個 Vue 實例：vm 了膘流。注意絮缅，我們只是給Vue()傳了一個參數(shù)選項，是一個空對象睡扬，我們接著往下看盟蚣。
第二步、設置數(shù)據(jù)
沒錯卖怜，我們就是利用上面的對象參數(shù)屎开，來創(chuàng)建這個 Vue 實例 vm 的，比如：設置vm里面的數(shù)據(jù)马靠。
let vm = new Vue({
// 實例vm的數(shù)據(jù)
data: {
name: '張三',
age: 18
}
})
寫法也非常簡單奄抽，參數(shù)對象不在是一個空對象蔼两，它包含一個屬性：data，而 data 的值也是一個對象逞度，這個對象就是我們給 vm 實例設置的數(shù)據(jù)了额划。
第三步、掛載元素
創(chuàng)建一個實例 vm 档泽，設置了 vm 的數(shù)據(jù)后俊戳，接下來就是該怎么把數(shù)據(jù)展示在視圖上，這就要通過我們的掛載元素了馆匿。我們看看怎么用：
視圖 view 部分：
<div id="app"></div>
視圖（html部分）上我們有一個 id 為 “app” 的 div 元素抑胎。
let vm = new Vue({
// 掛載元素
el: '#app',
// 實例vm的數(shù)據(jù)
data: {
name: '張三',
age: 18
}
})
我們可以看到參數(shù)中我們不但有 data ，還多了屬性：el 渐北，el 參數(shù)提供一個在頁面上已經(jīng)存在的 DOM 元素阿逃，作為我們 vm 的掛載目標。表示我們的實例 vm 和 id 為 app 的DOM節(jié)點就關聯(lián)起來了赃蛛。
第四步恃锉、渲染
實例 vm 創(chuàng)建好了，數(shù)據(jù) data 有了呕臂，DOM 節(jié)點也關聯(lián)起來了破托，最后一步，就是把 vm 的數(shù)據(jù)綁定到指定的視圖上了歧蒋，也就是數(shù)據(jù)渲染炼团。
<div id="app">
我是{{ name }}，今年{{ age }}歲了疏尿。
</div>
對，就是你看到的這么簡單易桃，我們只需要用一個雙大括號：{{ }} 即可褥琐，你可以留意到，{{ name }} 和 {{ age }} 就是我們給實例 vm 設置的數(shù)據(jù) name 和 age 晤郑，我們用{{ }}可以直接讀取到它們的值敌呈。
我們訪問頁面，就會看到 vm 的數(shù)據(jù) data 就會被成功地渲染出來：
渲染.png
就這樣造寝，我們就成功地創(chuàng)建了一個 Vue 實例磕洪，并把它的數(shù)據(jù)渲染在視圖上了。
