@click to hide A, B, C + display A?

I need @click on A, B and C
Click A: set A, B, C to hide + set A to display
Click B: set A, B, C to hide + set B to display
Click C: set A, B, C to hide + set C to display

:class="[{hide: hClick}, clicks.aClick ? 'element display' : 'hide'] "

How is this done with Vuejs ?

Track all of them with some state

<button @click="onlyShow('c')">Show C</button>
data: () => ({
  a: true,
  b: false,
  c: false
})
methods: {
  onlyShow (item) {
    Object.keys(this.$data).forEach(key => {
      if (key === item) { 
        this.$data[key] = true
      } else {
        this.$data[key] = false
      }
    })
  }
}

Note, the code above is untested.