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

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中是否有組件中是否讀取

轉載于:https://www.cnblogs.com/jry199506/p/11040156.html

總結

以上是生活随笔為你收集整理的vue实战（9）：总结二的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。