beforeMount Antes de montar

Última atualização: 2026-10-22

beforeMount Antes de montar

beforeMount roda logo antes da renderização inicial — a render function está pronta, mas ainda não existe DOM.

GrupoOpções: Renderização e Ciclo de Vida
TipoOpção
EscopoNo Componente
Versão do Vue3.0+
Suporte a SSRSim

📝 Sintaxe

export default {
  beforeMount() {
    // render ready, DOM not created
  }
}

⚙️ Argumentos

valueSem argumentos

Retorno:Sem valor de retorno

▶ Exemplo

Edite o código abaixo e veja o resultado ao vivo:

Saída:

Shows 'ref at beforeMount: null'.

💡 Pontos-chave

⚠️ Aviso Não leia o DOM aqui — nada foi renderizado ainda.
ℹ️ Nota É a contraparte no estilo options de onBeforeMount, raramente necessária.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P Qual a diferença em relação a created?
R created é mais cedo; beforeMount vem depois de a render function ser preparada.
P As template refs estão disponíveis?
R Não — ficam null até o mounted.
P É necessário no dia a dia?
R Raramente — use created/setup e mounted em vez disso.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%