使用水合作用 useHydration

useHydration

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

Type

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中访问该数据。