vue 引入swiper组件

1、下载

swiper-3.4.2.min.css
swiper-3.4.2.min.js

2、组建中引用

//step 1
import "../../static/swiper-3.4.2.min.css"
import "../../static/swiper-3.4.2.min.js"
//step 2
mounted(){
    var mySwiper = new Swiper('.swiper-container',{
    pagination : '.swiper-pagination',
    autoplay: 2000
//pagination : '#swiper-pagination1',
})
  }
//step 3
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div style="font-size:60px" v-for="swiper in swipers" class="swiper-slide"><img  alt="">{{swiper}}</div>
    </div>
    <div class="swiper-pagination"></div>
</div>