点击li变色

<ul>
  <li v-for="(v,i) in arr" :key="i"  :class="{active:currentIndex===i}" @click="changecolor(i)">
        {{v.name}}
  </li>           
</ul>

1、在 data中定义currentIndex:0,

data(){
    arr:[
     {name:"11"},
     {name:"22"},
     {name:"33"},
     {name:"44"},
    ]

}

2、在methods中写函数 让this.currentIndex=i

 changecolor(i){
      this.currentIndex=i
   }

3、写active样式

.active{
    color:red;
}