有没有一种更干净的方式来编写这段jQuery代码来交换图像？

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <img :src="imageSrc">
  <button @click="swapImage">交换图像</button>
</div>

new Vue({
  el: '#app',
  data: {
    imageSrc: 'path/to/default/image.jpg'
  },
  methods: {
    swapImage() {
      // 交换图像路径
      if (this.imageSrc === 'path/to/default/image.jpg') {
        this.imageSrc = 'path/to/new/image.jpg';
      } else {
        this.imageSrc = 'path/to/default/image.jpg';
      }
    }
  }
});