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	不慎瞭解

結束

---

總結下來，差的還挺多，到如今基本都是遊走在學習的邊緣，加油學習了！

仍重而道遠