指令：值是表達(dá)式，不支持{{}}

常用指令

邏輯處理

v-if 與 v-show:

v-if:值是true時(shí)渲染標(biāo)簽，否則不渲染標(biāo)簽（刪除：即DOM中不存在v-if值為false的標(biāo)簽）；

v-show:始終渲染結(jié)構(gòu)，但是會(huì)根據(jù)值來(lái)顯示或隱藏標(biāo)簽；

v-else 與 v-else-if:與v-if配合；

v-for:

作用：根據(jù)數(shù)據(jù)循環(huán)渲染v-for指令所在的元素及其子元素；

可以循環(huán)數(shù)據(jù)：Array|Object|number|string|Iterable

v-for也可以使用of語(yǔ)法，與in沒(méi)有區(qū)別

:key:默認(rèn)情況下，在渲染DOM的時(shí)候使用原地復(fù)用，這樣一般情況下會(huì)比較高校，但對(duì)于循環(huán)列表，特別是依賴(lài)某種狀態(tài)的列表，會(huì)有一些問(wèn)題，可以通過(guò):key屬性來(lái)給每個(gè)循環(huán)節(jié)點(diǎn)添加一個(gè)標(biāo)識(shí)，值必須是唯一的

內(nèi)容輸出

v-text 、v-cloak：

[參考vue筆記1]??

v-html:

為了防止xss攻擊，默認(rèn)情況下輸出采用的是innerText，通過(guò) v-html 可以讓內(nèi)容作為 html 進(jìn)行解析

v-once:

只渲染元素和組件一次，后期的更新不再渲染

v-pre:

忽略這個(gè)元素和它子元素內(nèi)容的編譯（原字符輸出）

屬性綁定

v-bind:

簡(jiǎn)寫(xiě)：:

作用：綁定數(shù)據(jù)（表達(dá)式）到指定的屬性上，<div v-bind:參數(shù)="值（表達(dá)式）"></div>；

參數(shù)：指定的屬性名稱(chēng)

style

class