一个好用精简的vuejs轮播插件——vue-swiper

==================================
注意这个组件没有更新，只支持Vue.js 1.0版本
===================================
这个vue轮播插件只有10k大小，使用十分方便
先放官网的使用方法。

import Vue from 'vue'
import Swiper from 'vue-swiper'
new Vue({
el: 'body',
components: {Swiper},
methods: {
onSlideChangeStart (currentPage) {
console.log('onSlideChangeStart', currentPage);
},
onSlideChangeEnd (currentPage) {
console.log('onSlideChangeEnd', currentPage);
}
}
});

<swiper v-ref:swiper
        direction="horizontal"
        :mousewheel-control="true"
        :performance-mode="false"
        :pagination-visible="true"
        :pagination-clickable="true"
        :loop=“true”
        @slide-change-start="onSlideChangeStart"
        @slide-change-end="onSlideChangeEnd">
    <div>Page 1</div>
    <div>Page 2</div>
    <div>Page 3</div>
</swiper>

Api

Properties

Methods

Events

使用v-ref:swipe 声明后就可以在vue.js中可以使用this.$refs.swipe来调用next();prev();setPage(1);等方法
github地址