vue2鼠标移入移出事件

在Vue.js 2中，你可以使用自定义事件（也称为v-on:mouseover 和 v-on:mouseout）来监听元素的鼠标移入（mouseover）和移出（mouseout）事件。这两个事件分别会在鼠标指针进入元素区域和离开元素区域时触发。下面是一个基本的示例：

<template>
  <div @mouseover="handleMouseOver" @mouseout="handleMouseOut">
    这是一个Vue组件
  </div>
</template>

<script>
export default {
  methods: {
    handleMouseOver(event) {
      console.log('鼠标移入', event);
      // 在这里添加你需要处理鼠标移入的业务逻辑
    },
    
    handleMouseOut(event) {
      console.log('鼠标移出', event);
      // 在这里添加你需要处理鼠标移出的业务逻辑
    }
  }
};
</script>

在这个例子中，当用户将鼠标移动到`div`上时，`handleMouseOver`函数会被调用；当鼠标移开时，`handleMouseOut`函数则会被调用。