vue.js模板語法

vue.js使用了基于HTML的模版語法，允許開發(fā)者聲明式地將Dom綁定至底層vue實例的數(shù)據(jù)。
vue.js的核心是一個允許你采用簡潔的模版語法來聲明式的將數(shù)據(jù)渲染進Dom的系統(tǒng)。結(jié)合響應(yīng)系統(tǒng)，在應(yīng)用狀態(tài)改變時，vue能夠智能地計算重新渲染組件的最小代價并應(yīng)用到Dom操作上。

插值

文本
數(shù)據(jù)綁定最常見的形式就是使用 {{...}}（雙大括號）的文本插值：

< div id="app" >
<p>{{ message }}</p>
</div>

表達式

常用的表達式：三目運算，算術(shù)運算，比較運算，邏輯運算，正則表達式等

三目運算：條件？“條件1”：“條件2”
算術(shù)運算：加、減、乘、除、取余
比較運算：大于、小于、

Vue 實例

構(gòu)造器

每個 Vue.js 應(yīng)用都是通過構(gòu)造函數(shù) Vue 創(chuàng)建一個 Vue 的根實例來啟動的：

var vm = new Vue({
// 選項
})
屬性與方法

每個 Vue 實例都會代理其 data 對象里所有的屬性：

var data = { a: 1 }
var vm = new Vue({
data: data
})
vm.a === data.a // -> true
// 設(shè)置屬性也會影響到原始數(shù)據(jù)
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3

除了 data 屬性， Vue 實例暴露了一些有用的實例屬性與方法。這些屬性與方法都有前綴 $，以便與代理的 data 屬性區(qū)分。例如：

var data = { a: 1 }
var vm = new Vue({
el: '#example',
data: data
})
vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
// $watch 是一個實例方法
vm.$watch('a', function (newVal, oldVal) {
// 這個回調(diào)將在 vm.a 改變后調(diào)用
})