swiper是第一个第三方的库，可以用来实现移动端、pc端的滑动操作，十分方便（官方文档 https://www.swiper.com.cn/）
那么如何在vue中使用swiper？
1、下载swiper
首先使用npm 或者cnpm下载swiper
cnpm install swiper
2、引入swiper
import Swiper from ‘swiper’; import ‘swiper/dist/css/swiper.min.css’;
3、使用swiper
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="../../static/images/ad1.webp" alt="">
</div>
<div class="swiper-slide">
<img src="../../static/images/ad2.webp" alt="">
</div>
<div class="swiper-slide">
<img src="../../static/images/ad3.webp" alt="">
</div>
</div>
</div>mounted里面调用
mounted(){
var mySwiper = new Swiper('.swiper-container', {
autoplay:true,
loop:true
})
},注意
如果想要从后台请求图片放上去 new Swiper要写在网络请求成功的函数里面，否则不会出来数据。
更多web前端开发知识，请查阅 HTML中文网 ！！
以上就是vue中swiper是什么？的详细内容，更多请关注易知道|edz.cc其它相关文章！
