# События хуков жизненного цикла VNode
breaking
# Обзор
Во Vue 2 можно использовать события для отслеживания ключевых этапов жизненного цикла компонента. Эти события именуются с префикса hook:, после которого указывается имя соответствующего хука жизненного цикла.
Во Vue 3 префикс был переименован на vnode-. Кроме того, теперь эти события доступны как для компонентов, так и для обычных HTML-элементов.
# Синтаксис в 2.x
Во Vue 2 имя события совпадает с названием хука жизненного цикла с префиксом hook::
<template>
<child-component @hook:updated="onUpdated">
</template>
2
3
# Синтаксис в 3.x
Во Vue 3 имя события теперь должно быть с префиксом vnode-:
<template>
<child-component @vnode-updated="onUpdated">
</template>
2
3
Или просто vnode, при использовании записи в camelCase:
<template>
<child-component @vnodeUpdated="onUpdated">
</template>
2
3
# Стратегия миграции
В большинстве случаев потребуется просто изменить префикс. Хуки жизненного цикла beforeDestroy и destroyed были переименованы соответственно в beforeUnmount и unmounted, поэтому для них имена событий потребуется также обновить.