updated Atualizado (updated)
Última atualização: 2026-10-22
updated Atualizado (updated)
updated roda depois que uma mudança de dados re-renderiza o componente e o DOM é atualizado — para re-medir ou sincronizar widgets.
| Grupo | Opções: Renderização e Ciclo de Vida |
|---|---|
| Tipo | Opção |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
export default {
updated() {
// the DOM already reflects the change
}
}⚙️ Argumentos
| value | Sem argumentos |
|---|
Retorno：Sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The height follows the font-size changes.💡 Pontos-chave
⚠️ Aviso Nunca mute dados renderizados aqui — entra em loop infinito.
💡 Dica Prefira watch para dados específicos; updated serve para sincronização a cada atualização.
ℹ️ Nota O pai atualiza depois dos seus filhos.
🏷️ Renderização e Ciclo de Vida relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Por que mutar dados gera loop?
R Cada escrita agenda outra atualização, disparando o hook de novo.
P Qual a diferença em relação a watch?
R watch mira em dados; updated reage à própria renderização.
P O DOM está atualizado aqui?
R Sim — essa é a vantagem sobre beforeUpdate.
