透過 100 多個訣竅來學習 Nuxt!

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 中存取該資料。

請在 文件 > 開始使用 > 資料獲取 中閱讀更多內容。