磨刀不誤砍材工
聲明：本項目為照著尚硅谷
vue視頻仿寫
0. 其它
vue實戰(zhàn)（1）：準備與資料整理
vue實戰(zhàn)（2）：初始化項目、搭建底部導航路由
vue實戰(zhàn)（3）：底部導航顯示屿衅、搭建各模塊靜態(tài)頁面、添加登錄頁頁面與路由
vue實戰(zhàn)（4）：postman測試數(shù)據(jù)凯砍、封裝ajax箱硕、使用vuex管理狀態(tài)
vue實戰(zhàn)（5）：總結(jié)一
vue實戰(zhàn)（6）：異步顯示數(shù)據(jù)悟衩、開發(fā)Star組件
vue實戰(zhàn)（7）：完整開發(fā)登錄頁面（一）
vue實戰(zhàn)（8）：完整開發(fā)登錄頁面（二）
vue實戰(zhàn)（9）：總結(jié)二
vue實戰(zhàn)（10）：開發(fā)店鋪詳情（一）
vue實戰(zhàn)（11）：開發(fā)店鋪詳情（二）
vue實戰(zhàn)（12）：完結(jié) + 附學習視頻
1. 項目描述
1.1 項目為外賣web App
1.2 包括商家、商品惠昔、購物車挑势、用戶等模塊
2. 技術(shù)選型
- 前臺數(shù)據(jù)處理/交互/組件化
1）vue/vue-router/vuex/mint-ui
2）vue-lazyload/vue-scroller/better-scroll/swiper
3）moment/date-fns- 前后臺交互
1）mock數(shù)據(jù)：mockjs
2）接口測試：postman
3）ajax請求：axios- 模塊化
1）ES6
2）babel- 項目構(gòu)建工程化
1）webpack
2）vue-cli
3）eslint- css預編譯器
1）stylus
3. 教程視頻沒有使用vue-cli3構(gòu)建項目，本次使用vue-cli3來構(gòu)建項目
4. 技術(shù)準備
| 所需技術(shù) | 目前個人熟練程度 |
|---|---|
vue |
基礎(chǔ)了解 |
vue-router |
基礎(chǔ)了解 |
vuex |
不慎了解 |
mint-ui |
還未使用過 |
vue-lazyload/vue-scroller/better-scroll/swiper
|
未使用過 |
moment/date-fns
|
日期處理来氧，不慎了解 |
mockjs |
不會使用 |
postman |
會使用 |
axios |
不慎了解 |
ES6 |
基礎(chǔ)了解 |
babel |
不慎了解 |
webpack/vue-cli/eslint
|
基礎(chǔ)了解 |
stylus |
不慎了解 |
結(jié)束語
總結(jié)下來香拉，差的還挺多，到現(xiàn)在基本都是游走在學習的邊緣凫碌，加油學習了！
仍重而道遠
