Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

useHydration

允许完全控制水合周期,以设置和接收来自服务器的数据。

useHydration 是一个内置的可组合函数,提供了一种方法,可以在每次发出新的 HTTP 请求时在服务器端设置数据,并在客户端接收该数据。通过这种方式,useHydration 允许您完全控制水合周期。

这是一个高级的可组合函数,主要用于内部(useAsyncData)或 Nuxt 模块。

类型

签名
useHydration <T> (key: string, get: () => T, set: (value: T) => void) => {}

您可以在可组合函数、插件和组件中使用 useHydration()

useHydration 接受三个参数

  • key:用于标识 Nuxt 应用程序中数据的唯一键
    • 类型String
  • get:返回用于设置初始数据的值的函数
    • 类型Function
  • set:在客户端接收数据的函数
    • 类型Function

一旦使用服务器端上的 get 函数返回初始数据,您就可以在 nuxtApp.payload 中使用作为 useHydration 可组合函数中的第一个参数传递的唯一键来访问该数据。

文档 > 入门 > 数据获取 中了解更多信息。