vue鼠标移出时触发移除class类

在Vue中，当你想要在鼠标移出元素时移除一个CSS类，你可以使用`v-on`指令监听`mouseout`事件，并在事件处理函数中移除相应的类。以下是一个简单的例子：

<template>
  <div
    v-on:mouseout="removeClass"
    :class="{'your-class-name': hasClassName}"
  >
    <!-- 你的内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      hasClassName: true // 控制class的添加与移除
    };
  },
  methods: {
    removeClass() {
      this.hasClassName = false; // 鼠标移出时移除class
    }
  }
};
</script>

<style>
.your-class-name {
  /* 你的样式 */
}
</style>

在这个例子中，`your-class-name`是你想要在鼠标移出时移除的类名，`hasClassName`是一个布尔类型的响应式数据属性，用来控制该类名是否存在。当鼠标移出元素时，`removeClass`方法会被触发，将`hasClassName`设置为`false`，从而移除`your-class-name`类。