vue实战（1）：准备与资料整理

磨刀不误砍材工

声明：本项目为照着尚硅谷vue视频仿写

0. 其它

---

vue实战（1）：准备与资料整理
vue实战（2）：初始化项目、搭建底部导航路由
vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由
vue实战（4）：postman测试数据、封装ajax、使用vuex管理状态
vue实战（5）：总结一
vue实战（6）：异步显示数据、开发Star组件
vue实战（7）：完整开发登录页面（一）
vue实战（8）：完整开发登录页面（二）
vue实战（9）：总结二
vue实战（10）：开发店铺详情（一）

1. 项目描述

---

1.1 项目为外卖web App
1.2 包括商家、商品、购物车、用户等模块

2. 技术选型

---

• 前台数据处理/交互/组件化
  1）vue/vue-router/vuex/mint-ui
  2）vue-lazyload/vue-scroller/better-scroll/swiper
  3）moment/date-fns
• 前后台交互
  1）mock数据：mockjs
  2）接口测试：postman
  3）ajax请求：axios
• 模块化
  1）ES6
  2）babel
• 项目构建工程化
  1）webpack
  2）vue-cli
  3）eslint
• css预编译器
  1）stylus

3. 教程视频没有使用vue-cli3构建项目，本次使用vue-cli3来构建项目

4. 技术准备

---

所需技术	目前个人熟练程度
vue	基础了解
vue-router	基础了解

`vuex`|不慎了解
`mint-ui`|还未使用过
`vue-lazyload`/`vue-scroller`/`better-scroll`/`swiper`|未使用过
`moment`/`date-fns`|日期处理，不慎了解
`mockjs`|不会使用
`postman`|会使用
`axios`|不慎了解
`ES6`|基础了解
`babel`|不慎了解

webpack/vue-cli/eslint|基础了解
stylus|不慎了解

结束

---

总结下来，差的还挺多，到现在基本都是游走在学习的边缘，加油学习了！

仍重而道远