mounted Montado (mounted)
Última atualização: 2026-10-22
mounted Montado (mounted)
mounted roda depois que o componente é renderizado no DOM — o lugar padrão para template refs, configuração de bibliotecas de terceiros e medições.
| 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 {
mounted() {
this.$refs.el.focus() // DOM ready
}
}⚙️ Argumentos
| value | Sem argumentos |
|---|
Retorno：Sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Shows the paragraph's real width.💡 Pontos-chave
💡 Dica Inicialize bibliotecas, autofocus e busque dados aqui.
ℹ️ Nota Os filhos montam antes do pai.
⚠️ Aviso Nunca roda sob SSR, o que convenientemente protege o código de DOM.
🏷️ Renderização e Ciclo de Vida relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Divisão típica com created?
R created prepara dados; mounted toca o DOM.
P Roda mais de uma vez?
R Não — uma vez após a montagem inicial.
P Por que esperar por ele para tocar refs de filhos?
R Os filhos já estarão montados, então $refs resolve.
