Vue开发去哪儿网App(二、首页界面开发设计)

第一篇中，我们把一个项目搭建好了，并且将代码托管到了Git上面，下面我将进行实际的开发涉及，这一篇讲的是首页的开发设计部分。首先看一下我们这一篇文章开发首页的最终效果：

    

是不是觉得效果还不错？那么让我们行动起来吧，我会尽可能详细的介绍每一个部分的代码！

一、首先我们将首页的代码分为五个组件来开发（组件化开发也是Vue的重要思想）

第一部分：我们开发首页的头部部分Header，主要内容如下图：

第二部分：我们开发首页的轮播图部分Swipe，主要内容如下图：

第三部分：我们开发首页的图标推荐选择Icons部分，主要内容如下图：