vue指令總結

1. v-pre跳過這個元素和它的子元素的編譯過程
   <span v-pre>這裏的內容不會被編譯</span>
2. v-html輸出html
3. v-bind語法糖:動態更新HTML元素屬性
4. v-on語法糖@綁定事件
   <div v-on:click=""></div>
<div @click=""></div>
5. v-model用於表單類元素上雙向綁定數據
   <input type="text" v-model="message" placeholder='請輸入'>
6. v-cloak和display:none配合使用解決網速較慢屏幕閃動問題

<div v-cloak></div>
[v-cloak] {
	display: none;
}

7. v-once定義它的元素或組件只渲染一次，包括元素或組件下的所有子元素。首次渲染後，不會再隨數據的變化重新渲染，將被視爲靜態內容
8. v-if v-else-if v-else條件渲染,根據表達式的值在DOM中渲染或銷燬元素或組件
9. v-show改變元素css的display屬性，當v-show的值爲false時，相當於給該元素設置display:none
10. v-for將一個數組遍歷或枚舉一個對象循環顯示