如何通过Vue实现图片的两种图像交替？

<div id="app">  <img :src="currentImage" alt="Image"></div>

new Vue({  el: '#app',  data: {    image1: 'path/to/image1.jpg',    image2: 'path/to/image2.jpg',    currentImage: '',    timer: null  },  mounted() {    this.startImageRotation();  },  methods: {    startImageRotation() {      // 初始化当前图片为第一张图片      this.currentImage = this.image1;      // 设置定时器，每两秒切换一次图片      this.timer = setInterval(() => {        this.toggleImage();      }, 2000);    },    toggleImage() {      // 判断当前显示的是哪张图片      if (this.currentImage === this.image1) {        this.currentImage = this.image2;      } else {        this.currentImage = this.image1;      }    }  },  beforeDestroy() {    // 清除定时器，防止页面销毁后仍然执行定时器的代码    clearInterval(this.timer);  }});