參考資料
Vue.js 2.x
在線測試工具
https://jsfiddle.net/50wL7mdz/384238/
創(chuàng)建一個(gè)Vue實(shí)例
var vm = new Vuew({
//options
})
當(dāng)創(chuàng)建一個(gè) Vue 實(shí)例時(shí)，你可以傳入一個(gè)選項(xiàng)對象硫嘶。這篇教程主要描述的就是如何使用這些選項(xiàng)來創(chuàng)建你想要的行為。作為參考昌简，你也可以在 API 文檔 中瀏覽完整的選項(xiàng)列表。
數(shù)據(jù)與方法
當(dāng)一個(gè) Vue 實(shí)例被創(chuàng)建時(shí)绒怨，它向 Vue 的響應(yīng)式系統(tǒng)中加入了其 data 對象中能找到的所有的屬性纯赎。當(dāng)這些屬性的值發(fā)生改變時(shí)，視圖將會(huì)產(chǎn)生“響應(yīng)”南蹂，即匹配更新為新的值犬金。
實(shí)例生命周期鉤子
其實(shí)就是生命周期回調(diào)，了解Android或iOS開發(fā)的同學(xué)很清楚生命周期的概念碎紊。
箭頭函數(shù)介紹：
箭頭函數(shù)表達(dá)式的語法比函數(shù)表達(dá)式更短佑附，并且沒有自己的this，arguments仗考，super或 new.target。這些函數(shù)表達(dá)式更適用于那些本來需要匿名函數(shù)的地方词爬，并且它們不能用作構(gòu)造函數(shù)秃嗜。
生命周期圖示
下圖展示了實(shí)例的生命周期。你不需要立馬弄明白所有的東西顿膨，不過隨著你的不斷學(xué)習(xí)和使用锅锨，它的參考價(jià)值會(huì)越來越高。
image
