Vue.jsでhoverしたら要素を出現させる方法 - Qiita

<p v-on:mouseover="mouseOverAction" v-on:mouseleave="mouseLeaveAction">{{message}}</p> <div id="app"> <div class="container"> <p v-on:mouseover="mouseOverAction" v-on:mouseleave="mouseLeaveAction">{{message}}</p> <p v-if="hoverFlag">hoverされました</p> </div> </div> <script> new Vue({ el: '#app', data:{ message: 'hoverしてください', hoverFlag: false, }, methods: { mouseOverAction(){ this.hoverFlag = true },