html中用img时点击图标时图标变成另一个用vue实现

要使用Vue来实现点击图片时图标变成另一个，可以使用Vue的事件绑定和条件渲染功能。下面是一个示例代码：

<div id="app">
  <img :src="currentIcon" @click="changeIcon" alt="图标">
</div>

new Vue({
  el: '#app',
  data: {
    currentIcon: '初始图标的路径',
  },
  methods: {
    changeIcon() {
      // 点击图片时切换图标
      if (this.currentIcon === '初始图标的路径') {
        this.currentIcon = '点击后的图标路径';
      } else {
        this.currentIcon = '初始图标的路径';
      }
    }
  }
});

在上面的代码中，currentIcon是一个响应式的数据，用于存储当前图标的路径。在changeIcon方法中，通过判断当前图标的路径，来切换图标的路径。@click="changeIcon"绑定了点击事件，当图标被点击时，会调用changeIcon方法。

需要注意的是，初始图标的路径和点击后的图标路径需要替换为实际的图片路径