vue鼠标悬停触发事件

在 Vue 中，你可以使用 `@mouseover` 或 `@mouseenter` 事件来实现鼠标悬停触发事件的效果。下面是一个简单的示例：

<template>
  <div>
    <div @mouseover="showMessage">鼠标悬停此处</div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    };
  },
  methods: {
    showMessage() {
      this.message = '触发了鼠标悬停事件';
    }
  }
};
</script>

在上面的示例中，当鼠标悬停在 `<div>` 元素上时，会触发 `showMessage` 方法，在该方法中我们将 `message` 的值设为 `'触发了鼠标悬停事件'`，然后在 `<p>` 元素中显示出来。

你可以根据自己的需求修改上述示例代码。希望对你有所帮助！如果有任何其他问题，请随时提问。