vue2.0点击切换css样式

初学vue，上网搜了半天也没搞明白v-bind：class动态绑定！仔细琢磨一番，看看理解的到不到位！

一、循环时：

点击tabbar字颜色变化

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

@click="active(index)"

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

:class="{active:activeindex ==index}"

注释： :class="{active:activeindex ==1}"就是说当activeindex ==1时添加class=active，否则不添加

3、在data里边添加ins：0（表示默认第一个添加active类）

data{ activeindex ：0 }

4、最后在methods里边添加方法

active(index) {

this.activeindex=index

            }