vue-awesome-swiper

Vue项目如果要做轮播类型的项目，也可以用swiper,只是不要像原来在jquery方式下直接new swiper()，因为你那样用了，没法做到打开自动播放，所以网上会出现好多vue项目在问，为什么swiper不能自动播放。事实上，我们可以用swiper为vue做的组件“vue-awesome-swiper”,其配置基本与普通swiper的一致，不同的是，和vue的思想一致，数据改变引起swiper实例的变化，尽量避免去直接操作dom.除此之外，多了个notNextTick配置项
获取swiper实例可以这样写：

computed: {
swiper() {
return this.$refs.mySwiper.swiper
}
methods(){
a(){
//用swiper实例
this.swiper
}
}

如果直接在a方法中用this.$refs.mySwiper.swiper，会有点区别（？）
更详细的内容参见：http://blog.csdn.net/heliumlau/article/details/71085593

还有一点，你在你的css里需要引入swiper的css，不然没法滚动。