onActivated() Chamado quando ativado pelo KeepAlive

Última atualização: 2026-10-22

onActivated() Chamado quando ativado pelo KeepAlive

onActivated() é chamado quando um componente cacheado por é exibido novamente (ativado): adequado para retomar timers e atualizar dados.

GrupoHooks de Ciclo de Vida
TipoAPI
EscopoNo Componente
Versão do Vue3.0+
Suporte a SSRSim

📝 Sintaxe

onActivated(() => {
  startPolling()
})

⚙️ Argumentos

callbackFunção executada na ativação

Retorno:Nada

▶ Exemplo

Edite o código abaixo e veja o resultado ao vivo:

Saída:

Switching tabs and back accumulates activations — the component was cached.

💡 Pontos-chave

ℹ️ Nota Só dispara em componentes cacheados pelo KeepAlive; componentes comuns não o chamam.
💡 Dica Cenários típicos: retomar polling, buscar listas novamente, recalcular layout.
⚠️ Aviso Também dispara uma vez na primeira montagem (na mesma rodada do mounted); atenção à idempotência.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P Qual a diferença de onMounted?
R onMounted executa apenas uma vez na primeira montagem; onActivated executa a cada ativação.
P Dispara sem estar cacheado?
R Não, precisa estar sob o envoltório do KeepAlive.
P Dá para fazer requisições aqui?
R Sim, este é justamente o lugar padrão para atualizar dados ao ser exibido novamente.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%