1、實例與數(shù)據(jù)
var app =new Vue({
el: docur1'ent.getElementByld ( ’ app ’) ／／或者是’＃ app ’
data：{
? ? a: 2
}
})
變量app就是Vue實例，el用于制抵擋一個頁面中存在的DOM元素來掛載Vue實例；
v-model指令的值對應(yīng)于Vue實例中data選項中的name字段猪叙，需要雙向綁定的數(shù)據(jù)建議聲明在data中，便于維護仁卷；
2穴翩、生命周期
created：實力創(chuàng)構(gòu)建完成之后調(diào)用，此階段完成了數(shù)據(jù)的觀測等锦积，尚未掛載芒帕，el還不可用，需要初始化處理一些數(shù)據(jù)時比較有用
mounthed：el掛在到實例上之后調(diào)用丰介。一般第一個業(yè)務(wù)邏輯會在這里開始時背蟆；
beforeDeatroy：實例銷毀之前調(diào)用鉴分，主要綁定一些使用addEveentListener監(jiān)聽的事件等；
3带膀、插值與表達式
使用雙大括號{{}}是基本的文本插值方法志珍，他會自動將我們的雙向綁定的數(shù)據(jù)實時顯示出來；
如果想輸出html可以使用v-html垛叨，<span v-html="link"></span>
注意伦糯，如果將用戶產(chǎn)生的內(nèi)容使用v-html輸出后，可能導(dǎo)致xss攻擊嗽元，需要在服務(wù)端對用戶提交的內(nèi)容進項處理敛纲；
如果想顯示{{}}標(biāo)簽，而不進行替換剂癌，使用v-pre可跳過編譯過程淤翔，如：<span v-pre>{{這里的內(nèi)容不會被編譯}}</span>
{{}}中除了簡單的綁定屬性值之外還可使用js進項簡單的運算，三目運算等佩谷，但是不支持語句和流控制旁壮，且不能使用自定義變量，只能使用vue白名單中的全局變量琳要；
4寡具、過濾器
在{{}}插值尾部添加一個管道符 | 對數(shù)據(jù)進行過濾秤茅，常用于格式化文本稚补；
{{ date |? formatDate }}
var app =new Vue({
el : ’ #app ’ ,
data: {
????date : new Date()
},
filters : {
????formatDate : function (value) { ／／這里的value 就是需要過濾的數(shù)據(jù)
????????...
????}
}
