vue實戰（9）：總結二

整理前一段所做的工作內容

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. 異步數據

封裝ajax: promise+axios封裝ajax請求的函數封裝每個接口對應的請求函數(能根據接口定義ajax請求函數)解決ajax的跨越域問題: 配置代理, 對代理的理解
vuex編碼創建所有相關的模塊: store/index設計state: 從后臺獲取的數據實現actions: 定義異步action: async/await流程:　發ajax獲取數據, commit給mutation實現mutations: 給狀態賦值實現index: 創建store對象main.js: 配置store
組件異步顯示數據在mounted()通過$store.dispatch('actionName')來異步獲取后臺數據到state中mapState(['xxx'])讀取state中數據到組件中在模板中顯示xxx的數據
模板中顯示數據的來源data: 自身的數據(內部改變)props: 外部傳入的數據(外部改變)computed: 根據data/props/別的compute/state/getters
異步顯示輪播圖通過vuex獲取foodCategorys數組(發請求, 讀取)對數據進行整合計算(一維變為特定的二維數組)使用Swiper顯示輪播, 如何在界面更新之后創建Swiper對象?1). 使用回調+$nextTick()2). 使用watch+$nextTick() 

2. 登陸/注冊: 界面相關效果

a. 切換登陸方式
b. 手機號合法檢查
c. 倒計時效果
d. 切換顯示或隱藏密碼
g. 前臺驗證提示

3. 前后臺交互相關問題

1). 如何查看你的應用是否發送某個ajax請求?  瀏覽器的network
2). 發ajax請求404請求的路徑的對代理是否生效(配置和重啟)服務器應用是否運行
3). 后臺返回了數據, 但頁面沒有顯示?vuex中是否有組件中是否讀取