1、首先从GitHub上搜索vue-awesome-swiper插件,然后使用2.6.7版本,因为新的版本好像有问题不稳定。
2、npm install vue-awesome-swiper@2.6.7 --save安装到项目依赖中
3、然后按照文档引入该插件,引入style,vue.use。使用pagination参数和loop参数。按照需要删除不需要的组件例如左右箭头、滚动条等。
4、在单文件组件的style中由于使用了scoped属性,所以要修改插件编译后的样式代码,父元素 >>>需要修改的元素 {//样式修改}