使用swiper轮播图插件

1.安装插件

npm install swiper vue-awesome-swiper --save

2.全局注册

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 } */)

3.本地注册

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

export default {
  components: {
    Swiper,
    SwiperSlide
  },
  directives: {
    swiper: directive
  }
}

GitHub链接:GitHub =>Swiper
Swiper中文网:Swiper中文网