vue 列表中某一项，动态改变状态？

Question

vue 列表中某一项，动态改变状态

    <div class="noneTag" v-bind:class="{tag:cluster.isActive}" :key="index"
        v-for="(cluster,index) in Cluster"
        @click="clusterSizer(cluster,index)">{{cluster.label}}</div>

Cluster(){
    const cluster = [];
    cluster.push({label:item.data.label,isActive:false});
    return cluster;
}

clusterSizer(item){
    item.isActive=!item.isActive;
}

这里当cluster =[];数组时：
cluster.push({label:item.data.label,isActive:false})
点击切换状态就是对的，但是当cluster 是set结构时 ：
set.add({label:item.data.label,isActive:false})动态切换就不好用为什么？

Answer 1

      
clusterSizer(item,i) {
     item.isActive = !item.isActive;
     //这里加一行这个代码
     this.$forceUpdate();
 }