for 循环点击标签循环高亮：class=[“classA”,“classB”]

HTML代码：
<div :class="[classA, classB]">Demo6</div>

Javascript代码：
data: {
  classA: 'class-a',//类名
  classB: 'class-b'
}

渲染后的HTML:
<div class="class-a class-b">Demo6</div>

<button v-for="(tab,index) in item" @click="choose(tab)" :class="[tab.isActive?classA:classB]">

{{tab.con}}

</button>

data () {

return {

item:[

{con:'羽毛球',isActive:false},

{con:'篮球',isActive:false},

{con:'乒乓球',isActive:false},

{con:'排球',isActive:false}

],

classA:'classA',

classB:'classB',

}

},

methods:{

choose(tab){

tab.isActive=!tab.isActive ;

}

}