vue輪播圖插件vue-awesome-swiper的使用與組件化

無論是APP仍是移動端網頁開發，輪播圖在大部分項目當中都是存在的，這時候若是用vue開發項目，選擇一款好的插件而且封裝好是很重要的

1. 推薦使用vue-awesome-swiper

安裝：cnpm install vue-awesome-swiper --save

2. 在main.js文件中引入Css跟庫

　

3. 新建一個swiper.vue，單獨設立一個組件，供屢次使用

　

4. swiperOption屬性必需是對象類型，這時候咱們的配置屬性項能夠在任何一個父組件當中，例如在index.vue裏引用swiper：

　 

全部的swiper配置均可以在swiperOption對象當中去設置