14-2 後台的 asyncData

1. asyncData 是在 Server 端處理非同步的生命週期（所以前端的各種函數或物件都不能用，例如：$this、alert()），只會執行一次，通常用來擷取API結果，其內容會覆蓋 data 中的東西

   asyncData() {
     const name = 'Tad';
     return {name};
   },

   Copy

    

2. data 的值會被 asyncData 覆蓋，所以除非有要再次修改 asyncData 中的變數，否則一般不會在 data 中去設一個一樣名稱的變數

   data() {
     return {
       name = '';
     };
   },
   methods{
     handName() {
       this.name = 'Kai';
     }
   }

   Copy

    

3. asyncData 只有在 page 中能用，其餘目錄沒有這個生命週期
4. 搭配 async、await 使用：

   <script>
   import axios from "axios";
   export default {
     async asyncData() {
       const res = await axios.get("http://blog.lces.tn.edu.tw/api.php");
       return { res: res.data.data };
     }
   };
   </script>

   Copy