vue实现active点击切换

循环的情况：

1、点击时传入index索引（获取当前点击的是哪个）

2、将索引值传入class（索引等于几就第几个添加active）

注：

titleActive:css定义的切换的类

index:索引

titleShow:第几个添加的类

3、在data里面定义titleShow：0（表示默认第一个添加active类）

4、在methods里面添加方法

非循环的情况：

1、在标签内写入点击事件和添加的class样式,在点击事件中传入相对应的索引

注：

 :class="{ headActive: show == 1 }就是说当show==1时添加headActive类，否则不添加。

2、在data中定义show

3、在methods中添加方法，然后通过传入的index索引自定义切换显示隐藏

借鉴：https://www.jb51.net/article/136537.htm