在Vue中，我們可以使用雙括號(hào)和一對(duì)花括號(hào)中包含JavaScript表達(dá)式來(lái)進(jìn)行數(shù)據(jù)綁定并實(shí)現(xiàn)動(dòng)態(tài)渲染。這些表達(dá)式將會(huì)在Vue實(shí)例的數(shù)據(jù)改變時(shí)進(jìn)行求值并更新對(duì)應(yīng)的DOM。

{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})

在上面的代碼中，我們定義了一個(gè)Vue實(shí)例，它將message屬性的值綁定到一個(gè)p標(biāo)簽中。當(dāng)數(shù)據(jù)發(fā)生改變時(shí)，對(duì)應(yīng)的DOM也會(huì)被更新。

除了雙括號(hào)，Vue還提供了v-bind指令來(lái)進(jìn)行屬性綁定。它的語(yǔ)法類似于雙括號(hào)，但它只能用于HTML屬性而不能用于標(biāo)簽內(nèi)容。比如我們可以這樣綁定class屬性：

{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
isActive: true
}
})

其中，v-bind:class指令將一個(gè)類名綁定到p標(biāo)簽中，isActive則是一個(gè)布爾值，如果它為true，p標(biāo)簽就會(huì)有一個(gè)名為active的類名。

Vue不僅支持雙括號(hào)和v-bind指令，它還提供了v-on指令來(lái)進(jìn)行事件綁定。v-on指令的語(yǔ)法是：v-on:事件名="回調(diào)函數(shù)"，或者縮寫為@事件名。

增加
{{ counter }}
var app = new Vue({
el: '#app',
data: {
counter: 0
}
})

在上面的例子中，我們綁定了一個(gè)click事件到button上，當(dāng)它被點(diǎn)擊時(shí)，回調(diào)函數(shù)就會(huì)執(zhí)行。同時(shí)，雙括號(hào)也可以在回調(diào)函數(shù)中使用，這樣可以將數(shù)據(jù)傳遞給回調(diào)函數(shù)。

除了這些常見(jiàn)的指令，Vue還提供了一系列高級(jí)指令和選項(xiàng)，比如v-if、v-for、computed和watch等等，它們可以讓我們更加靈活和高效地進(jìn)行數(shù)據(jù)操作和視圖渲染。