关于vue中如何使用vue-awesome-swiper

首先安装：

npm install swiper vue-awesome-swiper --save

 

# or

yarn add swiper vue-awesome-swiper

 

第二步：

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'

 

// import style

import 'swiper/css/swiper.css'

 

Vue.use(VueAwesomeSwiper, /* { default options with global component } */) 这一步可以去掉

 

第三步：

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

import 'swiper/css/swiper.css'

 

export default {

  components: {

    Swiper,

    SwiperSlide

  },

  directives: {

    swiper: directive

  }

}