<ul>
<li v-for="(v,k) in list" :class="{active:activeBtn==k }" @click="clickBtn(v,k)" :key="k">{{v}}</li>
</ul>clickBtn(v,k){
this.activeBtn=k
}则，每次li的时候，li的值都会等于下标，也就是当前的activeBtn==k是成立的，则会加上class
数组中push一个标记selected:0 （标记为0，因为0=false,语义化比较强一点而已）--默认所有都不选中：
如下：
list:[{name:"john",age:10,selected:0},{name:"jack",age:11,selected:0}]HTML代码如下：
<ul>
<li v-for="(v,k) in list" :class="{active:v.selected==1 }" @click="clickBtn(v,k)" :key="k">{{v}}</li>
</ul>点击事件如下：
clickBtn(v,k){
v.selected==0?v.selected=1:v.selected=0;
}事件中判断，如果点击的目标selected为0,则赋值为1，成为选中状态，再次点击该目标-selected=1，则取消选中状态
至此，我们已经完成了开发中两种最常用的在循环列表中利用class来控制样式的方法
知道大家都比我聪明，毕竟我刚从操作dom转换到操作数据，还绕了很久