Vue.js 轮播图插件 vue-awesome-swiper

vue-awesome-swiper：Swiper(Swiper3) component for Vue.js(1.X ~ 2.X), support pc and mobile, SPA and SSR.

安装：

npm install vue-awesome-swiper --save

导入使用：

// import 
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

// mount with global 
Vue.use(VueAwesomeSwiper)

// mount with component
import { swiper, swiperSlide } from 'vue-awesome-swiper'
 
export default {
  components: {
    swiper,
    swiperSlide
  }
}

案例展示及示例代码：

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

注意版本变化

starting with version 2.6.0, you need to manually introduce swiper's css

import 'swiper/dist/css/swiper.css'