<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="arrow.png" alt="" @click="flag = !flag">
data(){
return {
flag : false,
}
}
.arrowTransform{
transition: 0.2s;
transform-origin: center;
transform: rotateZ(180deg);
}
.arrowTransformReturn{
transition: 0.2s;
transform-origin: center;
transform: rotateZ(0deg);
}