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

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

    

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

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

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

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

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

第四部分：我们开发首页的热销景点推荐部分Recommend，主要内容如下图：

第五部分：我们开发首页的周末去哪儿推荐部分Weekend，主要内容如下图：

好啦，主要内容我们已经细分的非常清楚了，下面让我们开始动手编码吧！下一篇我会进行代码部分的编写。