JSFiddle - React, Tailwind, and code Playground
HTML
<div id="vue">
<div @click="selected = 1" :class="{highlight:selected == 1}">1</div>
<div @click="selected = 2" :class="{highlight:selected == 2}">2</div>
<div @click="selected = 3" :class="{highlight:selected == 3}">3</div>
<button @clic="click">click</button>
</div>
CSS
.highlight {
background: yellow;
}
JavaScript
new Vue({
el: '#vue',
data: {
selected: 1
},
method:{
click(){
this.selected = 2;
}
}
})