# 手把手教你用vue+node+mongodb搭建一个小商城

### 分支说明
- chapter3 什么是动态路由  
- chapter4 什么是嵌套路由
- chapter5 什么是编程式路由
- chapter6 什么是路由和命名视图
- chapter7 reset.css的引入及1px边框问题解决
- chapter8 手机适配问题之rem和lib-flexible
- chapter9 阿里巴巴矢量图库icon-font的运用
- chapter10 写个首页头部组件并引入less
- chapter11 组件入门及写个首页头部组件
- chapter12 vue-awsome-swiper与轮播图组件
- chapter13 分类组件及flex布局
- chapter14 商品推荐列表
- chapter15 axios的使用与数据的mock

------

### 前期准备
- [git的学习](https://www.jianshu.com/p/6deca2cfc37a)
- [用vue-cli脚手架搭建一个新的vue项目](https://www.jianshu.com/p/0b91e9a05694)

### v-router的讲解
- [什么是动态路由](https://www.jianshu.com/p/f499d9f64958)
- [什么是嵌套路由](https://www.jianshu.com/p/3036137769da)
- [什么是编程式路由](https://www.jianshu.com/p/81ed5a90bb10)
- [什么是路由和命名视图](https://www.jianshu.com/p/004b73f3f589)

### 项目初始化
- [reset.css的引入及1px边框问题解决](https://www.jianshu.com/p/03172908d344)
- [手机适配问题之rem和lib-flexible](https://www.jianshu.com/p/6edffcd890e9)
- [阿里巴巴矢量图库icon-font的运用](https://www.jianshu.com/p/bfc035236d76)
- [写个首页头部组件并引入less](https://www.jianshu.com/p/bdd4dd2c098b)

### 组件
- [组件及运用组件创建一个头部组件](https://www.jianshu.com/p/aa6d64994379)
- [轮播图组件及swiper的引入]
- [商品推荐列表及flex布局]

### 数据mock
- [axios的使用与数据的mock 1]
- [axios的使用与数据的mock 2]

### MongoDB
- MongoDB的安装
- MongoDB服务的配置
- MongoDB基本语法

### 交流扯谈
<img src="https://wx3.sinaimg.cn/mw1024/006pIwwKgy1frm9f1mghlj30e80e83yy.jpg" width="250px" height="250px" alt="weixin:Ewall1106"/>