onRenderTriggered() Depuração: rastrear a causa das re-renderizações
Última atualização: 2026-10-22
onRenderTriggered() Depuração: rastrear a causa das re-renderizações
onRenderTriggered() é chamado quando uma mudança de dependência faz o componente re-renderizar, dizendo diretamente quem disparou esta atualização.
| Grupo | Hooks de Ciclo de Vida |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
onRenderTriggered((event) => {
console.log('re-renderização disparada por', event.key)
})⚙️ Argumentos
| event | Evento de depuração: chave disparadora, valores antigos e novos, target |
|---|
Retorno：Nada
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Logs the key and new value so unexpected updates are traceable.💡 Pontos-chave
⚠️ Aviso Também só tem efeito em ambiente de desenvolvimento, para investigação temporária.
💡 Dica Use junto com onRenderTracked: primeiro veja o conjunto de dependências, depois a origem do disparo.
🏷️ Hooks de Ciclo de Vida relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Consegue localizar problemas de desempenho?
R Sim: renderização excessiva é uma origem comum de problemas de desempenho, e ele aponta diretamente os dados disparadores.
P Vai imprimir muitos logs?
R Quando o componente atualiza com frequência, os logs são muitos; recomenda-se ativar temporariamente apenas no componente alvo.
P Qual a diferença para o painel de performance do Vue Devtools?
R O Devtools oferece uma visão de linha do tempo; o hook é adequado para registro scriptado e relatórios personalizados.
