vue动态类不会对mouseover和mouseleave做出响应

Question

我正在尝试实现基本的工具提示行为，因此，当将父项div悬停在子项div上时，将显示该信息：

<div id="chart">
        <div
          v-for="skill in skills"
          :key="skill.name"
          class="skill"
          :style="{height: skill.height }"
          @mouseover="isHovered(skill, true)"
          @mouseleave="isHovered(skill, false)"
        >
          <div class="skill-tooltip" :class="{show: skill.isHovered}">{{skill.isHovered}}</div>
        </div>
      </div>

每个技能都是这样的对象：

 {
    name: 'someName',
    isHovered: false
 };

和isHovered的实现如下：

 isHovered(skill, action) {
      skill.isHovered = action;
    }

记录技能对象时，我看到isHovered值已更改，但show类没有响应，知道为什么吗？