Vue.js 实现点击图片切换图标：简单易懂的示例

<div id="app"><img :src="currentIcon" @click="changeIcon" alt="图标"></div>
<script>
new Vue({
  el: '#app',
  data: {
    currentIcon: '初始图标的路径',
  },
  methods: {
    changeIcon() {
      // 点击图片时切换图标
      if (this.currentIcon === '初始图标的路径') {
        this.currentIcon = '点击后的图标路径';
      } else {
        this.currentIcon = '初始图标的路径';
      }
    }
  }
});
</script>
在上面的代码中，`currentIcon`是一个响应式的数据，用于存储当前图标的路径。在`changeIcon`方法中，通过判断当前图标的路径，来切换图标的路径。`@click="changeIcon"`绑定了点击事件，当图标被点击时，会调用`changeIcon`方法。
<p>需要注意的是，<code>初始图标的路径</code>和<code>点击后的图标路径</code>需要替换为实际的图片路径。</p>