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