vue如何获取is-hover类

在Vue.js中，如果你想监听某个元素是否处于鼠标悬停状态并添加或删除`is-hover`类，你可以使用自定义事件或者`@mouseenter`和`@mouseleave`修饰符。这里有一个简单的例子：

<!-- HTML -->
<button @mouseenter="addHoverClass" @mouseleave="removeHoverClass">点击我</button>

<!-- JavaScript (假设在methods里) -->
export default {
  methods: {
    addHoverClass() {
      this.$el.classList.add('is-hover');
    },
    removeHoverClass() {
      this.$el.classList.remove('is-hover');
    }
  }
}

当用户鼠标进入按钮时，`addHoverClass`方法会被调用，给按钮添加`is-hover`类；鼠标离开时，`removeHoverClass`方法被执行，移除该类。

如果你希望在组件外部访问这个类，可以通过ref属性来获取：

<button ref="myButton" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave"></button>

<script>
export default {
  methods: {
    handleMouseEnter() {
      this.$refs.myButton.classList.add('is-hover');
    },
    handleMouseLeave() {
      this.$refs.myButton.classList.remove('is-hover');
    }
  }
}
</script>