html中用img时点击图标时图标变成另一个再次点击又变回来用vue实现

在Vue中实现点击图片切换的效果，可以使用v-bind绑定图片的src属性，并且通过v-on绑定点击事件。当点击图片时，通过切换一个变量的值来改变图片的src，从而实现图片的切换。

以下是一个简单的示例代码：

<template>
  <div>
    <img v-bind:src="imageSrc" v-on:click="toggleImage">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: 'image1.jpg',
      toggle: false
    }
  },
  methods: {
    toggleImage() {
      if (this.toggle) {
        this.imageSrc = 'image1.jpg';
      } else {
        this.imageSrc = 'image2.jpg';
      }
      this.toggle = !this.toggle;
    }
  }
}
</script>

在上面的代码中，通过data属性定义了两个变量，imageSrc和toggle。imageSrc用于绑定图片的src属性，toggle用于切换图片的标识。toggleImage方法用于切换图片的src属性和toggle的值。当点击图片时，会调用toggleImage方法，根据toggle的值来切换图片的src属性，并且更新toggle的值。

注意：上面的代码中的image1.jpg和image2.jpg是示例图片的路径，你需要根据实际情况替换为你自己的图片路径