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
函数返回初始数据,你就可以使用作为 useHydration
组合式函数中第一个参数传递的唯一键,在 nuxtApp.payload
中访问该数据。