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，否則無法滾動。