一些比較經常使用的Vue指令

指令 (Directives) 是帶有 v- 前綴的特殊 attribute。當表達式的值改變時，將其產生的連帶影響，響應式地做用於 DOM。

v-once:數據改變時，插值處的內容不會更新。

v-html=「abc」:指令中的標籤內容會被替換成爲屬性值 abc ，直接做爲HTML

v-bind 指令能夠用於響應式地更新 HTML attribute。

完整 v-bind:href='url'

縮寫 :href='url'

動態參數的縮寫 :[key]='url'

v-on 指令，它用於監聽 DOM 事件

完整 v-on:click='doSome'

縮寫 @click='doSome'

動態參數的縮寫 @[event]='doSome'

 

v-if v-else v-else-if:條件渲染

v-else 元素必須緊跟在帶 v-if 或者 v-else-if 的元素的後面，不然它將不會被識別。

v-show的元素始終會被渲染並保留在 DOM 中。v-show 只是簡單地切換元素的 CSS 屬性 `display

v-if VS v-show

v-if 有更高的切換開銷，而 v-show 有更高的初始渲染開銷。所以，若是須要很是頻繁地切換，則使用 v-show 較好；若是在運行時條件不多改變，則使用 v-if 較好。

 

v-for 列表渲染

v-for="(value, name, index) in object"

第一個參數爲value(鍵值)，第二個參數爲key(鍵名),第三個參數做爲索引

key請用字符串或數值類型的值

<div v-for="item in items" v-bind:key="item.id">   
    <!-- 內容 --> 
</div>