在vue中切换显示图片，至少4张图片。

在Vue.js中切换显示图片通常可以利用组件配合`v-if`或`v-show`指令，以及数组数据来实现轮播图的效果。这里是一个简单的示例：

1. 首先，创建一个包含四张图片源的数组：

data() {
  return {
    images: [
      'image-url1.jpg',
      'image-url2.jpg',
      'image-url3.jpg',
      'image-url4.jpg'
    ]
  }
}

2. 然后，在模板中创建一个`<img>`标签，并绑定src属性到数组元素上，同时使用`v-for`遍历数组：

<div>
  <template v-for="(image, index) in images">
    <img :key="index" v-if="currentIndex === index" :src="image" alt="图片描述">
  </template>
</div>

3. 使用一个计算属性`currentIndex`控制当前显示哪一张图片，你可以添加一个点击按钮或定时切换的逻辑，例如：

computed: {
  currentIndex() {
    // 可能需要加上循环判断避免超出数组范围
    return this.$store.state.currentImageIndex || 0;
  }
},
methods: {
  nextImage() {
    this.currentIndex = (this.currentIndex + 1) % this.images.length;
  },
  previousImage() {
    this.currentIndex = (this.currentIndex - 1 + this.images.length) % this.images.length;
  }
}

在实际应用中，你可能还需要结合Vuex或自定义事件来管理状态。