引入vue-awesome-swiper

import 'swiper/dist/css/swiper.css';
import { swiper, swiperSlide } from 'vue-awesome-swiper';
components: {
  swiper,
  swiperSlide,
},
data() {
  return {
    swiperOption: {
      width: window.innerWidth,
      zoom : true,
      initialSlide: 0,
    },
  };
},
<swiper :options="swiperOption" ref="imgOverview" style="height: 100%;">
  <swiper-slide v-for="(img, index) in previewImg">
    <p class="swiper-zoom-container">
      <img :src="img" alt="">
    </p>
  </swiper-slide>
</swiper>