vue如何實現商品shu選中時候的樣式變化問題

是這樣的狀況：
我知道，在vue裏，實現點擊高亮,能夠使用諸如：

<div class="static" v-bind:class="{defaultClass ,active: isActive}">
</div>

或

<div class="static" v-bind:class="[defaultClass,{active:index==choosedIndex}]"></div>

或

<div v-bind:class="classObject"></div>
data: {
  defaultClass,
  isActive: true
},
computed: {
  classObject: function () {
    return {
      active: this.isActive
    }
  }
}

可是按照上面的方法。僅能實現以下效果：

曾經都是用jquery操做dom去實現的。可是vue裏，我想盡可能不去操做dom，而是去操做數據的傳遞。
如何實現，選擇顏色的時候，只有一個顏色是選中狀態。選中尺碼的時候，顏色依然保持選中狀態的。反之，亦然。