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::

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

Sintaxe 3.x

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

<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

• Guia de Migração - API de Eventos