JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent" style="position: relative">
    <div class="backgr" v-bind:class="[isHovered ? 'red' : 'transparent']" style="position: absolute">becamered</div> 
    <div class="for_hover" v-on:mouseenter="isHovered = true" v-on:mouseleave="isHovered = false" style="position: absolute">hoverme-hoverme-hoverme</div>
</div>

CSS

div.backgr.red {
  background-color: red;
}

div.backgr.transparent {
  background-color: transparent;
}

JavaScript

var app = new Vue({
  el: '#parent',
  data: {
    	isHovered: false,
  }
})