useHydration
是一个内置的可组合项,它提供了一种在每次发出新的 HTTP 请求时在服务器端设置数据并在客户端接收该数据的方法。 通过这种方式,useHydration
可以让您完全控制水合循环。
Type
ts
useHydration <T> (key: string, get: () => T, set: (value: T) => void) => {}
您可以在可组合项、插件和组件中使用useHydration()
。
useHydration
accepts three parameters:
key
Type:String
key
是唯一的键,用于标识 Nuxt 应用程序中的数据get
Type:Function
get
是一个返回值的函数,用于设置初始数据set
Type:Function
set
在客户端接收数据的函数
在服务器端使用“get”函数返回初始数据后,您可以使用作为useHydration
可组合项中第一个参数传递的唯一键在nuxtApp.payload
中访问该数据。