Hi，大家好，昨天我們完成了資料庫的處理模組，今天來進行前端的操作，主要的動作就是要將前端頁面、結合ajax api，將資料顯示出來，那顯示出來的資料，是由資料庫模組中取出，那麼廢話不多說，直接開始吧
說明：
第30~36行，我們在onBeforeMount的事件中使用了 axios 套件，去後端抓取資料，所呼叫的後端的網址「/saf/jsapi/listCases」，即為昨天所完成之資料取出功能。資料取回後，則將資料放入 data.cases 中，其後於37行回傳。
PS. 其實在這個時間點中，還可以進行資料的加工，例如說顯示資料的篩選、文字內容的調整…等
第15~18行，利用v-for功能讀取data.cases之內容，並將結果顯示於頁面上
執行結果如圖，已完成初步之資料顯示的功能了
今天先完成初步的資料顯示功能，因為最近工作量大，寫文章的時間變少了，所以今天只先做到這邊，明天的預定進度是完成客服資料顯示卡片的剩餘功能，那麼我們明天繼續吧
iThome鐵人賽
看影片追技術