vue里如何实现tab类似的切换class？

很多种方法可以实现你想要的效果：代码示例：

<li v-for='item in data' v-text="item.name" :class="{cur:item.iscur}" @click="setCur($index)"></li>

在methods中加入方法setCur()

setCur: function (index) {    this.data.map(function (v,i) {        i==index? v.iscur=true: v.iscur=false;    });}

---

方法2 :在data中增加一个iscur变量

data: {    iscur:1,    data:[]}

li的写法就变成了：

<li v-for='item in data' v-text="item.name" :class="{cur:iscur==$index}" @click="iscur=$index"></li>

备注：

vue2.0相对与之前版本修改了新的语法，
丢弃$index和$key
新数组语法
<tr v-for="list in lists">
{{list}}
</tr>
或者
<tr v-for="（list,index）in lists">
{{index}}
</tr>