Skip to content

Commit

Permalink
Merge pull request #66 from maxdzin/translate/vnode-lifecycle-events
Browse files Browse the repository at this point in the history
  • Loading branch information
matrunchyk authored Apr 12, 2023
2 parents ca9bdef + 4bf8beb commit 733d421
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 14 deletions.
2 changes: 1 addition & 1 deletion .vitepress/locales/uk.js
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ export default {
link: '/uk/breaking-changes/transition-group'
},
{
text: 'Життєвий цикл VNode',
text: 'Події життєвого циклу VNode',
link: '/uk/breaking-changes/vnode-lifecycle-events'
},
{ text: 'Спостерігачі за масивами', link: '/uk/breaking-changes/watch' }
Expand Down
26 changes: 13 additions & 13 deletions src/uk/breaking-changes/vnode-lifecycle-events.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,40 +3,40 @@ badges:
- breaking
---

# VNode Lifecycle Events <MigrationBadges :badges="$frontmatter.badges" />
# Події життєвого циклу VNode <MigrationBadges :badges="$frontmatter.badges" />

## Overview
## Огляд

In Vue 2, it was possible to use events to listen for key stages in a component's lifecycle. These events had names that started with the prefix `hook:`, followed by the name of the corresponding lifecycle hook.
У Vue 2 можна було використовувати події для відстеження ключових етапів життєвого циклу компонента. Ці події мали назви, які починалися з префікса `hook:`, за яким слідувала назва відповідного хука життєвого циклу.

In Vue 3, this prefix has been changed to `vue:`. In addition, these events are now available for HTML elements as well as components.
У Vue 3 цей префікс було змінено на `vue:`. Крім того, ці події тепер доступні як для елементів HTML, так і для компонентів.

## 2.x Syntax
## Синтаксис 2.x

In Vue 2, the event name is the same as the equivalent lifecycle hook, prefixed with `hook:`:
У Vue 2 назва події така ж, як і еквівалентний хук життєвого циклу, із префіксом `hook:`:

```html
<template>
<child-component @hook:updated="onUpdated">
</template>
```

## 3.x Syntax
## Синтаксис 3.x

In Vue 3, the event name is prefixed with `vue:`:
У Vue 3 назва події має префікс `vue:`:

```html
<template>
<child-component @vue:updated="onUpdated">
</template>
```

## Migration Strategy
## Стратегія міграції

In most cases it should just require changing the prefix. The lifecycle hooks `beforeDestroy` and `destroyed` have been renamed to `beforeUnmount` and `unmounted` respectively, so the corresponding event names will also need to be updated.
У більшості випадків потрібно просто змінити префікс. Хуки життєвого циклу `beforeDestroy` і `destroyed` були перейменовані на `beforeUnmount` і `unmounted` відповідно, тому відповідні назви подій також потрібно буде оновити.

[Migration build flags: `INSTANCE_EVENT_HOOKS`](../migration-build.html#compat-configuration)
[Прапори збірки міграції: `INSTANCE_EVENT_HOOKS`](../migration-build.html#compat-configuration)

## See Also
## Дивіться також

- [Migration guide - Events API](./events-api.html)
- [Посібник з міграції - API подій](./events-api.html)

0 comments on commit 733d421

Please sign in to comment.