序言
最近空閒的時候偶然看到一個效果，類似於輪播的效果，話不多說，直接看圖：
咕咚運動裡面的，然後本著鞏固 Vue 知識的目的，用Vue實現了一把，用到的就是 swiper 這個外掛，下面我來介紹一下用法：
1、第一步
在建立好的 Vue 專案中使用下面的命令來下載 swiper：
npm install vue-awesome-swiper --save
複製程式碼2、第二步
然後在檔案中引入 swiper 元件和 樣式表：
<script>
import "../style/swiper.min.css";
import { swiper, swiperSlide } from "vue-awesome-swiper";
</script>
複製程式碼3、第三步
然後就可以使用 swiper 了：
<swiper :options="swiperOption">
<!-- slides -->
<swiper-slide v-for="(item, index) in imageList" :key="index">
<img :src="item">
</swiper-slide>
</swiper>
複製程式碼然後關於 swiper 元件的一些設定，可以去swiper中文官網查閱
上 Github地址
小白請先看這裡
1、初識前端
2、初識JavaScript
3、Android開發人員不得不學習的JavaScript基礎（一）
4、Android開發人員不得不學習的JavaScript基礎（二）
5、Android開發人員不得不學習的Vue.js基礎
公眾號
歡迎關注我的個人公眾號【IT先森養成記】，專注大前端技術分享，包含Android，Java，Kotlin，Flutter，HTML，CSS，JS等技術；在這裡你能得到的不止是技術上的提升，還有一些學習經驗以及志同道合的朋友，趕快加入我們，一起學習，一起進化吧！！！
