onBeforeMount() Hook antes da montagem
Última atualização: 2026-10-22
onBeforeMount() Hook antes da montagem
onBeforeMount() é chamado antes de o componente ser renderizado pela primeira vez no DOM: neste momento o template já foi compilado, mas o DOM real ainda não foi criado.
| Grupo | Hooks de Ciclo de Vida |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
onBeforeMount(() => {
// o DOM ainda não existe, adequado para preparação de dados puros
})⚙️ Argumentos
| callback | Função executada antes da montagem |
|---|
Retorno：Nada
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Shows 'prepared before mount' — set before the first render.💡 Pontos-chave
ℹ️ Nota Raramente usado diretamente: a maior parte da lógica de inicialização pode ir no topo do setup, com praticamente o mesmo momento.
⚠️ Aviso Aqui não é possível ler o DOM: o ref ainda não foi montado, as referências de elementos são null.
🏷️ Hooks de Ciclo de Vida relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Qual a diferença para o código do topo do setup?
R Praticamente equivalente; esse hook existe principalmente para a correspondência com a Options API e raramente é usado sozinho em cenários de Composition.
P Dá para fazer requisições aqui?
R Dá, mas geralmente é mais intuitivo no setup ou onMounted; em SSR, atenção ao momento de execução.
P Quantas vezes executa?
R Apenas uma vez, antes da primeira montagem.
