參考資料
Vue.js 2.x
在線測試工具
https://jsfiddle.net/50wL7mdz/384238/

創(chuàng)建一個Vue實例

var vm = new Vuew({
  //options
})

當創(chuàng)建一個 Vue 實例時，你可以傳入一個選項對象。這篇教程主要描述的就是如何使用這些選項來創(chuàng)建你想要的行為。作為參考，你也可以在 API 文檔 中瀏覽完整的選項列表。

數(shù)據(jù)與方法

當一個 Vue 實例被創(chuàng)建時，它向 Vue 的響應(yīng)式系統(tǒng)中加入了其 data 對象中能找到的所有的屬性。當這些屬性的值發(fā)生改變時，視圖將會產(chǎn)生“響應(yīng)”，即匹配更新為新的值。

實例生命周期鉤子

其實就是生命周期回調(diào)，了解Android或iOS開發(fā)的同學很清楚生命周期的概念。

箭頭函數(shù)介紹：
箭頭函數(shù)表達式的語法比函數(shù)表達式更短，并且沒有自己的this，arguments，super或 new.target。這些函數(shù)表達式更適用于那些本來需要匿名函數(shù)的地方，并且它們不能用作構(gòu)造函數(shù)。

生命周期圖示

下圖展示了實例的生命周期。你不需要立馬弄明白所有的東西，不過隨著你的不斷學習和使用，它的參考價值會越來越高。

image