在vuejs中如何在Owl carsoule插件循环中制作多张图片

import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel';

<div class="owl-carousel">
  <div class="item"><img src="image1.jpg" alt="Image 1"></div>
  <div class="item"><img src="image2.jpg" alt="Image 2"></div>
  <div class="item"><img src="image3.jpg" alt="Image 3"></div>
</div>

mounted() {
  $('.owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 3
      },
      1000: {
        items: 5
      }
    }
  });
}

.owl-carousel .item img {
  width: 100%;
  height: auto;
}