直接上代碼比如
<li v-for ="i in custom">

</li>

上面是循環(huán)一個數(shù)組然后生成li,但是我想 實(shí)現(xiàn) 如果 index是0 就給 li 加個 class,大于0 就不加class怎么做? 比如

<li v-for ="i in custom" v-if="{{$index === 0}}" class="hehe">

</li>

有6個。

1. v-if 條件渲染指令，根據(jù)其后表達(dá)式的bool值進(jìn)行判斷是否渲染該元素；所以，v-if指令只渲染他身后表達(dá)式為true的元素；在這里引入v-show指令，因?yàn)槎叩膮^(qū)別是v-show指令會渲染他身后表達(dá)式為false的元素，這樣的元素上會添加css代碼：style="display:none"; 將上面v-if的實(shí)例代碼改為v-show

2. v-show 與v-if類似，只是會渲染其身后表達(dá)式為false的元素，而且會給這樣的元素添加css代碼：style="display:none";

3. v-else 必須跟在v-if/v-show指令之后，不然不起作用；如果v-if/v-show指令的表達(dá)式為true，則else元素不顯示；如果v-if/v-show指令的表達(dá)式為false，則else元素顯示在頁面上；

4. v-for  類似JS的遍歷，用法為 v-for="item in items", items是數(shù)組，item為數(shù)組中的數(shù)組元素。

5. v-bind  這個指令用于響應(yīng)地更新 HTML 特性，比如綁定某個class元素或元素的style樣式。

6. v-on  用于監(jiān)聽指定元素的DOM事件，比如點(diǎn)擊事件。