vue實例篇
vue實例創(chuàng)建及數(shù)據(jù)掛載渲染
一熙揍、 創(chuàng)建實例
vue實例創(chuàng)建其實很簡單，首先講一下vue其實是由一個構造函數(shù)new Vue()生成的一個實例
const vm = new Vue({
...some code
})
你可以把這作為根實例，所有嵌套在其下面的組件都是實例
二、聲明數(shù)據(jù)
接下來就是寫入數(shù)據(jù)歼捏，實例里面接受的是一個對象
let data = {
num: 0,
message: 'this is a message',
visible: true
...
}
直接將其賦給data屬性
const vm = new Vue({
data: data
})
到這里一個vue實例就創(chuàng)建好了，因為vue是響應式的笨篷，設計模式是observer pattern（觀察者模式）瞳秽，當數(shù)據(jù)改變時，vue視圖會自動更新率翅，（除非你使用object.freeze()阻止修改屬性）练俐。
三、掛載數(shù)據(jù)
緊接著掛載實例,掛載實例顧名思義就是講vue掛載到dom樹中冕臭，從而經過瀏覽器引擎解析成頁面腺晾。
<div id="app"></div>
const vm = new Vue({
el: '#app', // 僅需聲明這個屬性就可以
data: data
})
四、渲染dom
最后怎么渲染數(shù)據(jù)呢辜贵？其實也很簡單悯蝉，vue本身就實現(xiàn)了數(shù)據(jù)綁定，雙大括號的文本插值托慨，這里要與react的單大括號功能是一樣的鼻由，都是為了實現(xiàn)數(shù)據(jù)的顯示綁定。
<div id="app">
<span>{{ message }}</span>
</div>
到這里實例篇就結束了厚棵，有錯誤的歡迎批評指正蕉世。
