新建分支 header區

在碼雲上新建分支index-swiper，cd到資料夾，輸入git pull  然後輸入git checkout  index-swiper,然後輸入git status .

接下來的專案都在分支上開發。

開啟github 索索vue-awesome-swiper 可以幫助我們很快搞輪播圖

在cd目錄下，下載 終端輸入npm install vue-awesome-swiper@2.6.7 --save

重新啟動 npm run start

在main.js裡引用 

然後在components裡新建一個swiper.vue

把這段程式碼複製到

然後在首頁 Home.vue裡引入Swiper 。同時定義swiper元件 以及dom部分

開啟去哪網 piao.qunar.com

給每一個image新增ckass="swiper-img width:100%

如果在輪播圖下新增文字會讓文字在輪播圖未載入好時上浮，出現抖動，如何解決呢

給輪播部分新增div 以及class="wrapper‘’

新增分頁

》》》穿透限制

然後把專案推送到git

cd到資料夾，輸入 git add .   在輸入git commit -m 'change' 然後輸入 git push

然後把這部分內容合併到master分支上 再輸入 git checkout master  切換到master 分支上，然後把線上的index-swiper分支合併到本地分支上 輸入 git merge origin/index-swiper