v-for循环，点击更改按钮样式，默认选中第一个

效果图

HTML

activeClass为class名

<div v-for="(item,index) of 数组名" :key="index"  :class="active==index ? 'activeClass' : '' ">
         <div @click="change(index)" ></div>    
</div>

JS

export default {
	data() {
	        return {
	        	//默认选中第一个
	        	active:0
	        }
	  }，
	  methods:{
			change(){
				//把index值赋给active，点击改变样式
				this.active=index;
			}
	  }
}

CSS

.activeClass{
        color:#ca151e;
        border: 1px solid #ca151e;
 }