Vue实现点击后动态添加class及删除同级class

<div v-for="(item,index) in listType"  @click="selectType(index)" :class="{\'listActive\':index==selectTypeIndex}" :key=\'index\'>{{item}}</div>

export default {

data(){
return {
listType: [\'test1\', \'test2\', \'test3\'],
selectTypeIndex: 0, //控制按钮点亮状态，0为默认第一个
}
},
methods: {
selectType(index){
this.selectTypeIndex = index;
}
}
}