Skip to content

Переведена часть раздела "Асинхронные компоненты" #513

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Ibochkarev merged 2 commits into from
Mar 23, 2026
Merged

Переведена часть раздела "Асинхронные компоненты" #513

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fcc0a79
Переведена часть раздела "Асинхронные компоненты"
nasty23-star Aug 4, 2025
8774ae8
Merge branch 'main' into async-translate
nasty23-star Mar 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/guide/components/async.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,9 +117,9 @@ const AsyncComp = defineAsyncComponent({

- API намеренно сделан низкоуровневым для гибкости. В будущем поверх него могут быть добавлены синтаксические упрощения — как в ядре, так и в решениях верхнего уровня (например, Nuxt).

### Гидрация по бездействию {#hydrate-on-idle}
### Гидратация по бездействию {#hydrate-on-idle}

Гидрация через `requestIdleCallback`:
Гидратация через `requestIdleCallback`:

```js
import { defineAsyncComponent, hydrateOnIdle } from 'vue'
Expand All @@ -130,9 +130,9 @@ const AsyncComp = defineAsyncComponent({
})
```

### Гидрация при видимости {#hydrate-on-visible}
### Гидратация при видимости {#hydrate-on-visible}

Гидрация, когда элемент(ы) становятся видимыми через `IntersectionObserver`.
Гидратация, когда элемент(ы) становятся видимыми через `IntersectionObserver`.

```js
import { defineAsyncComponent, hydrateOnVisible } from 'vue'
Expand All @@ -143,15 +143,15 @@ const AsyncComp = defineAsyncComponent({
})
```

Можно передать объект опций для наблюдателя:
Можно дополнительно передать объект опций для наблюдателя (observer):

```js
hydrateOnVisible({ rootMargin: '100px' })
```

### Гидрация по media query {#hydrate-on-media-query}
### Гидратация на медиазапросе {#hydrate-on-media-query}

Гидрация, когда указанный media query срабатывает.
Гидратация при срабатывании указанного медиазапроса.

```js
import { defineAsyncComponent, hydrateOnMediaQuery } from 'vue'
Expand All @@ -162,9 +162,9 @@ const AsyncComp = defineAsyncComponent({
})
```

### Гидрация по взаимодействию {#hydrate-on-interaction}
### Гидратация при взаимодействии {#hydrate-on-interaction}

Гидрация при срабатывании указанного(ых) события(ий) на элементе(ах) компонента. Событие, вызвавшее гидрацию, будет воспроизведено повторно после её завершения.
Гидратация происходит при срабатывании указанных событий на элементе(ах) компонента. Событие, вызвавшее гидратацию, будет повторно воспроизведено после её завершения.

```js
import { defineAsyncComponent, hydrateOnInteraction } from 'vue'
Expand Down