:::

14-2 後台的 asyncData

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

     

  2. data 的值會被 asyncData 覆蓋,所以除非有要再次修改 asyncData 中的變數,否則一般不會在 data 中去設一個一樣名稱的變數
    data() {
      return {
        name = '';
      };
    },
    methods{
      handName() {
        this.name = 'Kai';
      }
    }

     

  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>

     


:::

書籍目錄

展開 | 闔起

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D33%26tbdsn%3D1851

計數器

今天: 2639263926392639
昨天: 3755375537553755
總計: 4458478445847844584784458478445847844584784458478