swiper在Vue项目中的使用

npm install swiper --save-dev

import Swiper from "swiper"

<style>
@import "../../css/swiper.min.css";
</style>

methods:{
//初始化swiper插件
_.initSwiper(){
    var mySwiper = new Swiper (".swiper-box",{
        direction:‘horizontal‘,
        loop:true,  //循环
        loopFillGroupWithBlank: true,  
        observer:true,//修改swiper自己或子元素时，自动初始化swiper
    　　 observeParents:true,//修改swiper的父元素时，自动初始化swiper
        //使用分页器
        paginationClickable :true,
    　　 pagination: {
        　　el: ‘.swiper-pagination‘,
    　　 },    
        autoplay: {
        　　disableOnInteraction: false,  //触碰后自动切换停止
    　　},  
    } 
} 
}        

mounted(){
    this._initSwiper();
}