一: 导入文件
<script src="/js/swiper.min.js"></script>
<link rel="stylesheet" href="/css/swiper.min.css">
二: HTML部分
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="item in swiperList"> 内容部分.....</div>
</div>
</div>
三: js部分
mounted(){
this.mySwiper = new Swiper('.swiper-container', {
autoplay: 3000,//可选选项,自动滑动
pagination: '.swiper-pagination',//分页器
paginationClickable: true,
observer: true,
loop: true,
....内容可配置,同官网进行配置
})
}