【VUE】vue-awesome-swiper 使用总结以及解决在vue中不自动轮播的问题

1.首先安装    vue-awesome-swiper   (安装前首先按照nodejs,vue)

npm install vue-awesome-swiper --save

2.在main.js中引入安装的依赖

import VueAwesomeSwiper from 'vue-awesome-swiper'

// require styles
import 'swiper/dist/css/swiper.css'

Vue.use(vuePicturePreview)
Vue.use(VueAwesomeSwiper, /* { default global options } */)

3.在需要使用vue-awesome-swiper 的组件中配置

4.在中写入对应的html

注意: 如果出现不自动轮播的情况,加上 v-if="loop.length>1"  可以完美解决