水合作用 useHydration

允许完全控制水合作用循环以设置和从服务器接收数据。

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