Vue.js 2/Javascript mouseover方法在mousein和mouseout上应用事件

我的问题是如何在mouseover上运行一次Vue方法，而不是同时在mousein和mouseout上运行它

例如，这里是我在Vue中使用的模板，我在其中循环浏览一些数据，我希望一个名为

showSkill（）

的方法只触发一次，当前它在mousein/mouseout上同时触发：

<div class="col-md-3" v-for="skill in skills" :key="skill.id">
  <label :for="skill.nickname">{{ skill.name }}</label>
  <div :id="skill.nickname" @mouseover="showSkill(skill)"></div>
</div>

我认为这是一个事件问题，而不是Vue问题。如有任何建议，将不胜感激

使用修改器

<div :id="skill.nickname" @mouseover.once="showSkill(skill)"></div>

使用修饰符

<div :id="skill.nickname" @mouseover.once="showSkill(skill)"></div>

我只能让它开火一次。我只能让它开火一次。这是一个惊人的功能，正是我想要的。谢谢你，伯特！这是一个惊人的功能，正是我想要的。谢谢你，伯特！