Skip to content

Commit

Permalink
Merge pull request #299 from 11Alone11/patch-4
Browse files Browse the repository at this point in the history
Update 6.data-fetching.md
  • Loading branch information
Ibochkarev authored Sep 25, 2024
2 parents 4892ddc + c27cd69 commit 33c02b8
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions docs/1.getting-started/6.data-fetching.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,13 +12,13 @@ Nuxt поставляется с двумя композаблами и встр
- [`$fetch`](/docs/api/utils/dollarfetch) отлично подходит для выполнения сетевых запросов на основе взаимодействия с пользователем.
- [`useAsyncData`](/docs/api/composables/use-async-data) в сочетании с `$fetch` предлагает больший контроль.

И `useFetch`, и `useAsyncData` имеют общий набор опций и паттернов, которые мы подробно рассмотрим в последних разделах.
И `useFetch`, и `useAsyncData` имеют общий набор опций и паттернов, которые мы подробно рассмотрим в следующих разделах.

Но прежде необходимо знать, зачем вообще существуют эти композаблы.

## Зачем использовать специальные композаблы для получения данных?

Nuxt - это фреймворк, который может выполнять изоморфный (или универсальный) код как в серверном, так и в клиентском окружениях. Если функция [`$fetch`](/docs/api/utils/dollarfetch) используется для получения данных в функции `setup` компонента Vue, это может привести к тому, что данные будут получены дважды, один раз на сервере (чтобы отрендерить HTML) и еще раз на клиенте (когда HTML будет гидрирован). Именно поэтому Nuxt предлагает специальные композаблы для получения данных, чтобы данные запрашивались только один раз.
Nuxt - это фреймворк, который может выполнять изоморфный (или универсальный) код как в серверном, так и в клиентском окружениях. Если функция [`$fetch`](/docs/api/utils/dollarfetch) используется для получения данных в функции `setup` компонента Vue, это может привести к тому, что данные будут получены дважды, один раз на сервере (чтобы отрендерить HTML) и еще раз на клиенте (когда HTML будет гидратирован). Именно поэтому Nuxt предлагает специальные композаблы для получения данных, чтобы данные запрашивались только один раз.

### Дублирование сетевых вызовов

Expand Down Expand Up @@ -217,7 +217,7 @@ const { status, data: posts } = useLazyFetch('/api/posts')

### Получение данных только на клиенте

По умолчанию композаблы для получения данных будут выполнять свою асинхронную функцию как на клиенте, так и на сервере. Установите опцию `server` в значение `false`, чтобы выполнять вызов только на стороне клиента. При первоначальной загрузке данные не будут извлечены до завершения гидратации, поэтому вам придется обрабатывать состояние ожидания, хотя при последующей навигации на стороне клиента данные будут ожидаться до загрузки страницы.
По умолчанию композаблы для получения данных будут выполнять свою асинхронную функцию как на клиенте, так и на сервере. Установите опцию `server` в значение `false`, чтобы выполнять вызов только на стороне клиента. При первоначальной загрузке данные не будут извлечены до завершения гидратации, поэтому вам придется обрабатывать состояние ожидания, хотя при последующей навигации на стороне клиента данные будут загружены перед загрузкой страницы.

В сочетании с опцией `lazy` это может быть полезно для данных, которые не нужны при первом рендере (например, данные, не относящиеся к SEO).

Expand Down

0 comments on commit 33c02b8

Please sign in to comment.