資訊專(zhuān)欄INFORMATION COLUMN
摘要：指令指令帶有前綴，以表示它們是提供的特殊特性。添加事件偵聽(tīng)器時(shí)使用模式。只當(dāng)事件是從偵聽(tīng)器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。差別在哪里將特性名轉(zhuǎn)換為從開(kāi)始支持語(yǔ)法糖，會(huì)擴(kuò)展成一個(gè)更新父組件綁定值的偵聽(tīng)器。
vue指令
指令帶有前綴 v-，以表示它們是 Vue 提供的特殊特性。
v-text
{{msg}}
v-html
//渲染HTML文本，更新元素的 innerHTML 。注意：內(nèi)容按普通 HTML 插入 - 不會(huì)作為 Vue 模板進(jìn)行編譯 。如果試圖使用 v-html 組合模板，可以重新考慮是否通過(guò)使用組件來(lái)替代。
v-show
//根據(jù)表達(dá)式之真假值，切換元素的 display CSS 屬性。
v-if
//根據(jù)表達(dá)式的值的真假條件渲染元素。在切換時(shí)元素及它的數(shù)據(jù)綁定 / 組件被銷(xiāo)毀并重建。如果元素是 ，將提出它的內(nèi)容作為條件塊。 //當(dāng)條件變化時(shí)該指令觸發(fā)過(guò)渡效果。
v-else
//不需要表達(dá)式 //限制：前一兄弟元素必須有 v-if 或 v-else-if。Now you see meNow you don"t
v-else-if
//限制：前一兄弟元素必須有 v-if 或 v-else-if。ABCNot A/B/C
v-for
//基于源數(shù)據(jù)多次渲染元素或模板塊。此指令之值，必須使用特定語(yǔ)法 alias in expression ，為當(dāng)前遍歷的元素提供別名：{{ item.text }}//另外也可以為數(shù)組索引指定別名 (或者用于對(duì)象的鍵)： //v-for 默認(rèn)行為試著不改變整體，而是替換元素。迫使其重新排序的元素，你需要提供一個(gè) key 的特殊屬性： //key作為唯一標(biāo)示，可以讀取緩存，性能開(kāi)銷(xiāo)比較小，{{ item.text }}
v-on
//v-on,縮寫(xiě)@
修飾符：
.stop - 調(diào)用 event.stopPropagation()。
.prevent - 調(diào)用 event.preventDefault()。
.capture - 添加事件偵聽(tīng)器時(shí)使用 capture 模式。
.self - 只當(dāng)事件是從偵聽(tīng)器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。
.{keyCode | keyAlias} - 只當(dāng)事件是從特定鍵觸發(fā)時(shí)才觸發(fā)回調(diào)。
.native - 監(jiān)聽(tīng)組件根元素的原生事件。
.once - 只觸發(fā)一次回調(diào)。
.left - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)左鍵時(shí)觸發(fā)。
.right - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)右鍵時(shí)觸發(fā)。
.middle - (2.2.0) 只當(dāng)點(diǎn)擊鼠標(biāo)中鍵時(shí)觸發(fā)。
.passive - (2.3.0) 以 { passive: true } 模式添加偵聽(tīng)器
v-bind