[解決済み] マウスオーバーとホバー vue.js

質問

vue.jsで要素にカーソルを合わせるとdivが表示されるようにしたいのですが、どうすればいいですか？しかし、うまくいかないようです。

のイベントはないようです。 hover または mouseover をvue.jsで使用することができます。これは本当にそうなのでしょうか？

jqueryのhoverメソッドとvueのメソッドを組み合わせることは可能でしょうか？

どのように解決するのですか？

ここにメソッドは必要ありません。

HTML

<div v-if="active">
    <h2>Hello World!</h2>
 </div>

 <div v-on:mouseover="active = !active">
    <h1>Hover me!</h1>
 </div>

JS

new Vue({
  el: 'body',
  data: {
    active: false
  }
})