Події життєвого циклу VNode

несумісно

#

Огляд #

У Vue 2 можна було використовувати події для відстеження ключових етапів життєвого циклу компонента. Ці події мали назви, які починалися з префікса hook:, за яким слідувала назва відповідного хука життєвого циклу.

У Vue 3 цей префікс було змінено на vue:. Крім того, ці події тепер доступні як для елементів HTML, так і для компонентів.

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

У Vue 2 назва події така ж, як і еквівалентний хук життєвого циклу, із префіксом hook::

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

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

У Vue 3 назва події має префікс vue::

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

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

У більшості випадків потрібно просто змінити префікс. Хуки життєвого циклу beforeDestroy і destroyed були перейменовані на beforeUnmount і unmounted відповідно, тому відповідні назви подій також потрібно буде оновити.

Прапори збірки міграції: INSTANCE_EVENT_HOOKS

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

• Посібник з міграції - API подій