Vue 'serverPrefetch' 生命週期鉤子
示例
使用 serverPrefetch 生命週期鉤子在伺服器端獲取資料。
export default {
data() {
return {
data: null,
};
},
async serverPrefetch() {
const response = await fetch("https://random-data-api.com/api/v2/users");
this.data = await response.json();
}
};
定義和用法
serverPrefetch 生命週期鉤子僅在伺服器端渲染 (SSR) 期間發生。
serverPrefetch 生命週期鉤子用於例如獲取資料，如果你只需要在伺服器端執行此操作。
serverPrefetch 生命週期鉤子被用作一個非同步函式，因此如果它返回一個 promise，伺服器將在元件渲染之前等待 promise 解析。
注意： 在上面的示例中，缺少“執行示例”按鈕，因為該示例無法工作，因為 serverPrefetch 鉤子僅在伺服器端渲染 (SSR) 期間被呼叫。
相關頁面
Vue 教程：Vue 生命週期鉤子
JavaScript 教程：非同步 JavaScript
