VUE 点击对应项变颜色

CSS

   .active{
           color: red;
        }

HTML

  <ul>
       <li v-for="(m,index) in movie" @click="h(index)" :class="count==index ?  'active'  :''">{{m}}</li>
  </ul>

JS(index就是对应的下标)

   const app = new Vue({
            el: '#app',
            data: {
                movie:['大话西游','萤火之森','天气之子'],
                count:-1
            },
            methods:{
               h:function(index){
                   console.log(index)
                  this.count=index
               }
            }
        })