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
