onDeactivated() Chamado quando desativado pelo KeepAlive
Última atualização: 2026-10-22
onDeactivated() Chamado quando desativado pelo KeepAlive
onDeactivated() é chamado quando um componente cacheado por
| Grupo | Hooks de Ciclo de Vida |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
onDeactivated(() => {
clearInterval(timer)
})⚙️ Argumentos
| callback | Função executada na desativação |
|---|
Retorno：Nada
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Hiding pauses the clock; showing resumes where it stopped.💡 Pontos-chave
💡 Dica Usado em par com onActivated: um retoma, outro pausa, formando um ciclo de vida completo de cache.
⚠️ Aviso Desativar não é destruir: a instância e o estado do componente continuam lá; não faça aqui limpeza irreversível.
🏷️ Hooks de Ciclo de Vida relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P O estado é preservado após a desativação?
R É preservado — esse é justamente o propósito do KeepAlive; ao reativar, continua de onde parou.
P Qual a diferença de onUnmounted?
R onDeactivated é apenas ocultar; onUnmounted é destruir de verdade (só acontece quando o cache é removido).
P O que é adequado limpar aqui?
R Timers, polling, animações, assinaturas em tempo real e outras tarefas que não precisam rodar enquanto o componente está oculto.
