vue-cli中使用swiper

npm i vue-awesome-swiper -s

在main.js中

import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper);

在所需要的页面中

import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from "vue-awesome-swiper";

data() {
    return {
      swiperBanner: {
        loop: true, // 循环模式选项
        speed: 1000,
        autoplay: true,
        autoplayDisableOnInteraction: false
      }
    };
  },
  components: {
    swiper,
    swiperSlide
  },