VUE上想要实现点击图片局部，显示文字

在 Vue 中实现这个功能，可以使用事件绑定和条件渲染。

首先，在图片上绑定点击事件，并传入参数表示点击的是哪个局部：

<template>
  <div>
    <img src="image.png" @click="showText('part1')" />
    <img src="image.png" @click="showText('part2')" />
    <img src="image.png" @click="showText('part3')" />
    <div v-if="selectedPart === 'part1'">文字1</div>
    <div v-if="selectedPart === 'part2'">文字2</div>
    <div v-if="selectedPart === 'part3'">文字3</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedPart: null
    };
  },
  methods: {
    showText(part) {
      this.selectedPart = part;
    }
  }
};
</script>

然后，在组件中使用条件渲染，根据 `selectedPart` 的值来决定哪个局部文字要显示。可以使用 `v-if` 指令来实现条件渲染，当 `selectedPart` 的值等于某个局部时，显示对应的文字。

注意：如果有多个局部文字要显示，可以将它们放在同一个 `div` 中，并使用 `v-show` 指令来控制显示和隐藏。