在 Vue 中，CSS :hover 伪类用于选择鼠标悬停在其上的元素。然而，:hover 是纯 CSS，不能直接触发 Vue 中的方法。如果你想要在鼠标悬停时运行一些 JavaScript，应该使用 Vue 的事件监听器。

Vue 提供了 v-on 指令（或简写为 @）来监听 DOM 事件。对于鼠标悬停，可以使用 mouseover 和 mouseout 事件。

以下是一个示例：

<template>  
  <div @mouseover="mouseOverEvent" @mouseout="mouseOutEvent">  
    Hover over me!  
  </div>  
</template>  
<script>  
export default {  
  methods: {  
    mouseOverEvent() {  
      console.log('Mouse over');  
      // 这里执行你想要的操作  
    },  
    mouseOutEvent() {  
      console.log('Mouse out');  
      // 这里执行你想要的操作  
    }  
  }  
}  
</script>  

在这个示例中，当鼠标悬停在 div 上时，会触发 mouseOverEvent 方法；当鼠标移出 div 时，会触发 mouseOutEvent 方法。