Vue的v-bind指令是用來設置元素屬性的，在綁定時我們可以使用v-bind的簡寫語法":"，如下示例：

<!-- 完整語法 -->
<div v-bind:id="dynamicId"></div>
<!-- 縮寫語法 -->
<div :id="dynamicId"></div>

如果綁定的值是布爾類型，會根據值的真假來添加或移除布爾屬性。例如：

<button :disabled="isButtonDisabled">按鈕</button>

Vue 2.3.0 新增了v-bind指令的另一個修飾符：v-bind:propName.if。如果條件為假，則不會添加此屬性。

<!-- 向左跑，只有selected為true時才顯示 -->
<transition name="slide" mode="out-in">
<div class="demo" v-bind:class="{ 'active': selected }" v-bind:key="id">
{{ item.text }}
</div>
</transition>

上面的代碼中，如果selected為false，將不會添加class為"active"的屬性。

同時，v-bind:propName.if 也可以與其他修飾符配合使用，如下：

<!-- 如果顯示語言不為英語，disabled屬性將被添加到元素上 -->
<button :disabled="submitting" :disabled.if="!isEnglish">Submit</button>