swiper
npm install vue-awesome-swiper --save
main.js中
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
// require styles
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
组件中使用
import { swiper, swiperSlide } from "vue-awesome-swiper";
<swiper :options="swiperOption">
<swiper-slide>1</swiper-slide>
<swiper-slide>2</swiper-slide>
<swiper-slide>3</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
export default {
data() {
return {
//swiper参数对象
swiperOption: {
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true
}
}
}
},
components: {
swiper,
swiperSlide
}
}