v-bind:class="classProperty" 中弄兜，v-bind 是指令，: 后面的 class 是參數(shù)骗污，而 classProperty 則在官方文檔中被稱(chēng)為“預(yù)期值”。
舉個(gè)例子
如下，v-bind是指令妆偏，title是參數(shù)，doubi是預(yù)期值盅弛。
<div id="app">
<p v-bind:title="doubi">html屬性不能使用雙大括號(hào)形式綁定钱骂，只能使用v-bind指令</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
doubi: 'title content'
}
});
</script>
打開(kāi)瀏覽器檢查，可以發(fā)現(xiàn)v-bind后面的內(nèi)容已經(jīng)被寫(xiě)入p元素的屬性挪鹏。雖然這里title是生編亂造的一個(gè)玩意见秽。
image.png
如果改成這樣
<div id="app">
<p v-bind:class="doubi">html屬性不能使用雙大括號(hào)形式綁定，只能使用v-bind指令</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
doubi: 'apple'
}
});
</script>
結(jié)果
image.png
如果再改
<div id="app">
<p v-bind:class="doubi">html屬性不能使用雙大括號(hào)形式綁定讨盒，只能使用v-bind指令</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
doubi: true
}
});
</script>
結(jié)果
image.png
再改
<div id="app">
<p v-bind:class="{doubi:xx}">html屬性不能使用雙大括號(hào)形式綁定解取，只能使用v-bind指令</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
xx: true
}
});
</script>
結(jié)果
image.png
