vue-awesome-swiper

参考资料：

1 >

官网使用nuxt将vue服务器端渲染ssr成静态页面,利于seo搜索,使用 starter 模板创建,项目开发完成后，使用 npm run generate

轮播图插件:# vue-awesome-swiper

参考地址

npmjs的vue-awesome-swiper

github的vue-awesome-swiper

*** 作:

1,

目前报错

解决(对应plugin文件夹下的文件)

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

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

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

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

页面引入

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

全局引入

mainjs

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

>

以上就是关于vue-awesome-swiper全部的内容，包括:vue-awesome-swiper、Vue-Awesome-Swiper基本能解决你所有的轮播需求、vue 的ssr的轮播图vue-awesome-swiper等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！