Vue项目首页-首页轮播图（7-3）

首页轮播图

我们要在真正的企业中使用到git的分支进行项目开发。

1、分支使用

1. 新建分支

2. 在项目目录下右键打开gitbase。

git pull //从线上将项目拉下来。
git checkout index-swiper //进入index-swiper这个分支
git status //查看本地分支

Header

推荐一款很好用的轮播图插件。vue-awesome-swiper

在项目中下载，因为最新版有点bug，所以我下载指定版本。

cnpm install vue-awesome-swiper@2.6.7 --save

1. 根据使用规则在main.js中引入
   
2. 创建一个用于轮播图的组件
   
3. 引入组件，注册组件，使用组件。
4. 引入图片，以及列表渲染。
   
5. 不过有个bug需要解决，那就是当网速较慢的时候。此轮播图组件不会占位置。我们现在需要他占位置。
   

完成后，我们需要将分支合并到我们的 master

git checkout master
git merge origin/index-swiper
git push