day01

1. 项目开发准备

项目描述
技术选型
API接口

2. 开启项目开发

使用脚手架创建项目: vue-cli2
安装所有依赖/指定依赖
开发环境运行
生产环境打包与运行

3. 搭建项目整体界面结构

1). 项目路由拆分
    确定路由组件显示的区域
    确定路由是几级路由
2). App组件组成
    底部导航组件: FootGuide
    导航路由组件: MSite/Search/Order/Profile
3). vue-router的理解和使用
    $router: 路由器对象, 包含一些操作路由的功能方法, 来实现编程式导航(跳转路由)
    $route: 当前路由对象, 一些当前路由信息数据的容器, path/meta/query/params
4). FootGuide: 底部导航组件
    动态class
    编程式路由导航

4. 拆分组件

1). 导航路由组件
    MSite
    Search
    Order
    Profile
2). 抽取头部组件
    Header
    通过props向子组件传递数据
    通过slot向子组件传递标签
3). 抽取商家列表组件
    ShopList
4). 登陆/注册路由组件
    Login
    FooterGuide的显示/隐藏: 通过路由的meta标识