vue给当前元素添加类名移除兄弟元素类名的方法

来自

作者：叶落森

vue文档链接：https://cn.vuejs.org/v2/guide/class-and-style.html

申明：前面文字描述部分属原创，如有任何疑问可以留言给我，大神请嘴下留情。。。

步骤：1.在data里面申明一个属性，默认值最好为数字类型，并且不得大于当前元素+所有兄弟元素的length，可以默认为0（第一个元素选中）

 2.在当前元素中添加动态class： “:class”，根据vue的class和style的绑定特性写出类似“v-bind:class="{ classred:index==current}"”，当然其他方法很多，可以根据文档自行选择

3.给元素点击事件，传入当前元素的index，把元素当前的index赋值给data里面的申明的属性

这样就可以点击实现类似于jQuery的 xxx.addClass('class').siblings().removeClass('class')的效果了

4.作者代码：

1. 
2. 
3. 
4. 
5. 
6. 
11. 
12. 
13. 
 
14. 

15. 
{{item.title}}
16. 
17. 
18. 
19. 
40.