beforeUpdate Antes de atualizar

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

beforeUpdate Antes de atualizar

beforeUpdate roda depois que os dados mudam, mas antes da atualização do DOM — ele ainda lê o DOM anterior.

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

📝 Sintaxe

export default {
  beforeUpdate() {
    // the DOM still holds the old value
  }
}

⚙️ Argumentos

valueSem argumentos

Retorno:Sem valor de retorno

▶ Exemplo

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

Saída:

Each click records the stale DOM first, then the view refreshes.

💡 Pontos-chave

ℹ️ Nota Pouco usado — watch com flush: 'pre' normalmente basta.
⚠️ Aviso Mutar dados aqui agenda atualizações extras — tenha cuidado.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P O que vem primeiro?
R O hook roda primeiro, o DOM logo em seguida.
P Dá para cancelar a atualização?
R Não — controle a renderização com v-if.
P Diferença em relação a updated?
R Tempos opostos: DOM desatualizado aqui, novo em updated.
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%