swiper组件的使用

1.下载 百度搜索:https://www.npmjs.com/package/vue-awesome-swiper
2.本文使用v2.6.7版本，项目终端执行:npm install swiper vue-awesome-swiper@2.6.7 --save
3.Global Registion
main.js中添加:import VueAwesomeSwiper from 'vue-awesome-swiper
import ‘swiper/swiper.min.css’
4.新建一个swiper.vue并构建vue组件模板
5.在div中添加

添加swiper组件需要的数据data(){ return{ swiperOptions: { pagination: { el: '.swiper-pagination',

      },

loop:true,
autoplay:3000,
// Some Swiper option/callback…
},
}
}

到这里基本可以运行了…