vue-awesome-swiper的正确使用姿势

介绍一下vue-awesome-swiper最靠谱的使用方法。

目前网上对于vue-awesome-swiper的使用方法各种坑，要么版本对不上，要么swipercss引用地址不对，要么swiper-pagination不显示，要么自动轮播失效，反正各种坑让人火大。下面介绍一下自己亲测可用的正确使用方法。

首先版本，请使用313，别想着用什么4以上的或别的版本，目前就这个版本最稳定，不相信可以自己去测试，掉坑里可别怪没提醒！

页面引入即可，没必要全局引入，因为很少所以页面都要使用轮播的。全局引入只会增加额外的加载缓存和加载速度。全部贴出来自己衡量吧。

页面引入

请注意此处引入的swiper, swiperSlide的s是小写，搞错会报错。

全局引入

mainjs

查看github的vue-awesome-swiper的官方示例：

>

在我们使用的很多ui库（vant、antiUi、elementUi等）中，都有轮播组件，对于普通的轮播效果足够了。但是，某些时候，我们的轮播效果可能比较炫，这时候ui库中的轮播可能就有些力不从心了。当然，如果技术和时间上都还可以的话，可以自己造个比较炫的轮子。这里我说一下vue-awesome-swiper这个轮播组件，真的非常强大，基本可以满足我们的轮播需求。swiper相信很多人都用过，很好用，也很方便我们二次开发，定制我们需要的轮播效果。vue-awesome-swiper组件实质上基于swiper的，或者说就是能在vue中跑的swiper。下面说下怎么使用：

swiper需要配置哪些功能需求，自己根据文档进行增加或者删减。附上文档： npm文档 ， swiper30/40文档 ，更多用法，请参考文档说明。

以上就是关于vue-awesome-swiper的正确使用姿势全部的内容，包括:vue-awesome-swiper的正确使用姿势、Primary:Vue{三、一个基于Vue的门户网站(经验踩坑)}、Vue-Awesome-Swiper基本能解决你所有的轮播需求等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！