Skip to content
The translation is synced to the docs on of which the commit hash is 8a7fb04.

Eventos do Ciclo de Vida do Nó Virtual
rutura

Visão Geral

Na Vue 2, era possível usar eventos para ouvir os estágios principais do ciclo de vida dum componente. Estes eventos tinham nomes que começavam com o prefixo hook:, seguido pelo nome do gatilho do ciclo de vida correspondente.

Na Vue 3, este prefixo foi mudado para vue:. Além disto, estes eventos agora estão disponíveis para os elementos de HTML, bem como para componentes.

Sintaxe da 2.x

Na Vue 2, o nome do evento é o mesmo que o gatilho do ciclo de vida equivalente, prefixado com hook::

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

Sintaxe 3.x

Na Vue 3, o nome do evento é prefixado com vue::

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

Estratégia de Migração

Na maioria dos casos, basta alterar o prefixo. Os gatilhos do ciclo de vida beforeDestroy e destroyed foram renomeado para beforeUnmount e unmounted respetivamente, então os nomes de evento correspondente também precisarão ser atualizados.

Opções da Construção de Migração: INSTANCE_EVENT_HOOKS

Consulte Também