整理前一段所做的工作內(nèi)容
0. 其它
vue實(shí)戰(zhàn)（1）：準(zhǔn)備與資料整理
vue實(shí)戰(zhàn)（2）：初始化項(xiàng)目、搭建底部導(dǎo)航路由
vue實(shí)戰(zhàn)（3）：底部導(dǎo)航顯示、搭建各模塊靜態(tài)頁(yè)面、添加登錄頁(yè)頁(yè)面與路由
vue實(shí)戰(zhàn)（4）：postman測(cè)試數(shù)據(jù)、封裝ajax拂共、使用vuex管理狀態(tài)
vue實(shí)戰(zhàn)（5）：總結(jié)一
vue實(shí)戰(zhàn)（6）：異步顯示數(shù)據(jù)、開(kāi)發(fā)Star組件
vue實(shí)戰(zhàn)（7）：完整開(kāi)發(fā)登錄頁(yè)面（一）
vue實(shí)戰(zhàn)（8）：完整開(kāi)發(fā)登錄頁(yè)面（二）
vue實(shí)戰(zhàn)（9）：總結(jié)二
vue實(shí)戰(zhàn)（10）：開(kāi)發(fā)店鋪詳情（一）
vue實(shí)戰(zhàn)（11）：開(kāi)發(fā)店鋪詳情（二）
vue實(shí)戰(zhàn)（12）：完結(jié) + 附學(xué)習(xí)視頻
1. 項(xiàng)目開(kāi)發(fā)準(zhǔn)備
項(xiàng)目描述
技術(shù)選型
API接口
2. 開(kāi)啟項(xiàng)目開(kāi)發(fā)
使用腳手架創(chuàng)建項(xiàng)目
安裝所有依賴/指定依賴
開(kāi)發(fā)環(huán)境運(yùn)行
生產(chǎn)環(huán)境打包與發(fā)布
3. 搭建項(xiàng)目整體界面結(jié)構(gòu)
stylus的理解和使用
結(jié)構(gòu)化, 變量, 函數(shù)/minxin(混合)
vue-router的理解和使用
router-view/router-link/keep-alive
$router: 路由器對(duì)象, 包含一些操作路由的功能函數(shù), 來(lái)實(shí)現(xiàn)編程式導(dǎo)航(跳轉(zhuǎn)路由)
$route: 當(dāng)前路由對(duì)象, 一些當(dāng)前路由信息數(shù)據(jù)的容器, path/meta/query/params
項(xiàng)目路由拆分
底部導(dǎo)航組件: FooterGuide
導(dǎo)航路由組件: Msite/Search/Order/Profile
4. 抽取組件
頭部組件: HeaderTop, 通過(guò)slot來(lái)實(shí)現(xiàn)組件通信標(biāo)簽結(jié)構(gòu)
商家列表組件: ShopList
5. 登陸路由組件
靜態(tài)組件
FooterGuide的顯示/隱藏: 通過(guò)路由的meta
6. 后臺(tái)項(xiàng)目
啟動(dòng)后臺(tái)項(xiàng)目: 理解前后臺(tái)分離
測(cè)試后臺(tái)接口: 使用postman
修正接口文檔
7. 前后臺(tái)交互
ajax請(qǐng)求庫(kù): axios
ajax請(qǐng)求函數(shù)封裝: axios + promise
接口請(qǐng)求函數(shù)封裝: 每個(gè)后臺(tái)接口