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 得到解决。

关联页面

Vue 教程: Vue 生命周期钩子