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>