vue hover事件

Vue 框架中的 hover 事件可以通过在 HTML 标签上使用 v-on:mouseover 或者简写为 @mouseover 来监听。例如：

<template>
  <div @mouseover="onHover">鼠标移动到我上面会触发事件</div>
</template>

<script>
export default {
  methods: {
    onHover() {
      console.log('鼠标移动到了元素上面');
    },
  },
};
</script>

当鼠标移动到 div 元素上面时，就会触发 onHover 方法。你可以在该方法中编写自己的代码逻辑。