vue v-for指令上面怎么使用v-if判断啊

Question

直接上代码比如

<li v-for ="i in custom">
                     
</li>    

上面是循环一个数组然后生成li,但是我想 实现 如果 index是0 就给 li 加个 class,大于0 就不加class怎么做? 比如

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

求答疑解难.

Answer 1

<li v-for ="i in custom" :class="{ className: $index === 0 }">         
</li>    

Answer 2

computed

Answer 3

在 vue2.0 中，应该写成

<li v-for="(item,index) in items" :class="{thisIsClass : index===0}">

</li>