vue 使用 swiper vue-awesome-swiper

文档地址

https://github.com/surmon-china/vue-awesome-swiper

演示地址

https://v1.github.surmon.me/vue-awesome-swiper/

npm install swiper vue-awesome-swiper@4.1.1 --save

import SwiperCore, {Autoplay  } from 'swiper'
import { Swiper, SwiperSlide } from 'vue-awesome-swiper'

// 去安装 modules 查看路径是否正确
import 'swiper/swiper.scss'

SwiperCore.use([Autoplay]);

data() {
  return {
    swiperOption: {
      slidesPerView: 2,
      spaceBetween: 30,
      centeredSlides: true,
      autoplay:true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true
      }
    }
  }
},