为了图省事用插件，结果引用是真麻烦，尤其是swiper版本间的限制太大，这次在vue中使用swiper就连踩了很多天坑，以此记录提醒自己！
最开始用下载swiper插件然后在html中引入的方式，这样虽然成功了，但是在其他页面刷新再回来之后swiper竟然报错了！报找不到swiper，百度了很多大概率是js引用乱七八糟的问题，然后就放弃了，后来使用了vue-awesome-swiper，也是很多坑，但是在摸爬滚打下终于还是成功了！（项目用的是vue2）
-
安装vue-awesome-swiper：
指定版本安装了3+（不要问为什么不安装最新的4+，问就是各种npm）
npm install vue-awesome-swiper@3.1.3 --save -
安装swiper：
默认会安装最新的6+，但是就是嗯。。。还是指定版本安装了3+
npm install swiper@3.4.2 --save -
页面引入并且在component里定义一下：
import { swiper, swiperSlide } from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'
html代码：
设置数据：
此时去页面应该就可以跑起来了，只能说，用swiper的时候一定要严格遵循版本，vue-awesome-swiper4对应swiper6，百度的时候看到人家说，如果用了6需要引入另外一个css（下图），但是还没试过，下次试试（或者试过的小伙伴告诉我好么）
