Vue.js图片轮播组件

Vue.js图片轮播组件

 

组件地址：

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

 

 

npm install vue-awesome-swiper --save

 

 

 

  I'm Slide 1

  I'm Slide 2

  I'm Slide 3

  I'm Slide 4

  I'm Slide 5

  I'm Slide 6

  I'm Slide 7

 

 

 

 

 

 

 

 

import Vue from 'vue'

import { swiper, swiperSlide } from 'vue-awesome-swiper'

 

// use

export default {

  components: {

    swiper,

    swiperSlide

  }

}

 

 

参考：

http://www.swiper.com.cn/

https://github.com/ElemeFE/vue-swipe

https://github.com/hilongjw/vue-slide