How to add class to vue.js element on hover?

Question

JavaScript

How to add class to vue.js element on hover?

Answer 1

<div @mouseenter="hoverClass='myclass'" @mouseleave="hoverClass=''"  :class="hoverClass"></div>

well, add hoverClass:'' to data
in general, reactivity is a thing! https://jsfiddle.net/4nokawsf/3/

Answer 2

Isn't it easier to do it with regular js?
https://jsfiddle.net/tripcollor/cxt48Lo9/