vue移动行高亮显示移出取消

同样地，你可以在Vue中使用`@mouseenter`和`@mouseleave`事件来实现移动行高亮显示和移出取消的效果。假设你有一个列表，每个项都是一个`<li>`元素，你可以在模板中添加以下代码：

<template>
  <div>
    <ul>
      <li 
        v-for="(item, index) in list" 
        :key="index"
        :class="{ active: isActive === index }"
        @mouseenter="isActive = index"
        @mouseleave="isActive = -1"
      >
        {{ item }}
      </li>
    </ul>
  </div>
</template>

然后在你的样式表中定义`.active`类来实现高亮效果。当鼠标移入某个项时，`isActive`会被设置为该项的索引，从而添加`.active`类来实现高亮效果。当鼠标移出时，`isActive`会被设置为`-1`，`.active`类会被移除，从而取消高亮效果。