index.html

# html
<div class="control-main">
    <div :class="`control-item control-item-${control}`" @click="changeControl"></div>
    <div class="control-item"></div>
</div>
## js
changeControl() {
    if (this.control < 3) {
        this.control++;
    } else {
        this.control = 0;
    }
}
## css
.control-item-1 {
  transform: rotateZ(45deg);
}
.control-item-2 {
  transform: rotateZ(90deg);
}
.control-item-3 {
  transform: rotateZ(135deg);
}