vue-cli 中使用 swiper 插件

在使用插件之前，我们需要先查看自己项目中的一些依赖的版本

我在这里使用的vue2.x版本，vue3.x版本不适合这里哦
vue3.x版本点击这里

1.首先，我们需要去下载 vue-awesome-swiper

// 这里下载 vue-awesome-swiper 模块, swiper 模块也会被一起下载
npm install vue-awesome-swiper@3.1.3

// 如果没有的话,就需要自己去另外下载 swiper 模块了
npm install swiper@4.x // 最好不要超出 4 版本,不然不知道会报什么错误(下面会说原因)

这里是我的 package.json 文件使用的依赖的版本

这里解释一下为啥不使用其他版本
swiper6 版本目前在 官方好像是只适配 vue3.x 版本，vue2.x 版本使用会出问题(亲自试过，痛苦面具带上)。

vue-awesome-swiper@3.1.3 版本适配的是 swiper4 ，所以尽量的使用 swiper4 ，下载其他版本可能会出问题

这里是文档的入口
文档入口

！！！！！！！进去之后要注意！！！！！！！

链接对应 vue-awesome-swiper 3.1.3 版本。