1、首先把Swiper的开发包下载下来。然后查看下demo的格式，发现是一个三层结构，加一个分页swiper-pagination（这个可有可无），然后通过 new Swiper初始化。
2、项目中只需要把css和js引入即可。
3、然后通过代码循环加载swiper-slide结构的，因为目前程序中只有4张图片，所以下面单独加了两张。
4、设置4.5视图模式，JS直接给赋值成4.5即可，new Swiper('#home2',{slidesPerView: 4.5})。
5、最后实现效果图，就完成了。
swipe (事件，滑动的方向，滑动的距离，一次滑动的时间 , 几根手指)滑动事件还有 方法和上面相同 swipeLift – 向左滑动 swipeRight-向右滑动 swipeUp-向上滑动 swipeDown-向下滑动
swipeStatus (事件, 手指状态，滑动的方向，滑动的距离，一次滑动的时间 , 几根手指)
swipeStatus 和 swipe 不同的是 这个参数是一直在执行的，大家可以看看下面的例子（复制到记事本上打开即可），来了解一下两个事件的不同之处。
可以。最简单的方法，直接在你的Vue项目目录中运行
npm install swiper --save
然后在Main.js中通过import 'swiper/css/swiper.css'引入
对应页面中引入，在script中通过 import Swiper from 'swiper'引入，相关初始化写在mounted中
