Vue JS显示悬停在某个图片上的块

<template>
  <div>
    <img src="your_image_url" @mouseover="showBlock" @mouseout="hideBlock">
    <div v-if="isHovered" class="hover-block">
      <!-- 块的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isHovered: false
    };
  },
  methods: {
    showBlock() {
      this.isHovered = true;
    },
    hideBlock() {
      this.isHovered = false;
    }
  }
};
</script>

<style>
.hover-block {
  /* 块的样式 */
}
</style>