Изучите Nuxt с коллекцией из 100+ советов!

useHydration

Позволяет полностью контролировать цикл гидратации, задавать и получать данные с сервера.

useHydration - это встроенный композабл, который предоставляет возможность задавать данные на стороне сервера при каждом новом HTTP-запросе и получать их на стороне клиента. Таким образом, useHydration позволяет вам полностью контролировать цикл гидратации.

Это продвинутый композабл, который в основном используется внутри (useAsyncData) или модулями Nuxt.

Тип

signature
useHydration <T> (key: string, get: () => T, set: (value: T) => void) => {}

Вы можете использовать useHydration() в композаблах, плагинах и компонентах.

useHydration принимает три параметра:

  • key: уникальный ключ, идентифицирующий данные в вашем Nuxt-приложении.
    • тип: String.
  • get: функция, возвращающая значение для установки исходных данных
    • тип: Function
  • set: функция, которая получает данные на стороне клиента
    • тип: Function

После возврата исходных данных с помощью функции get на стороне сервера, вы можете получить доступ к этим данным внутри nuxtApp.payload, используя уникальный ключ, который передается в качестве первого параметра в композабле useHydration.

Узнать больше Docs > Getting Started > Data Fetching.