vue循环数据点击变换颜色

<template>
    <div>
       <div v-for='(item,index) in arr' 
            v-bind:class='{bg:index==isactive}'
            @click='fn(index)'>
            {{item}}
       </div>
    </div>
  </template>
   
  <script>
    export default {
      data() {
        return {
             isactive:0,
             arr:['111','222','333','444']
        }
      },
      methods: {
        fn:function(index){
            console.log(index);
            this.isactive=index;
        }
      },
    }
  </script>
   
  <style scoped>
    /*点击文字变颜色*/
    .bg{
        color:pink;
    }
  </style>