app.config Configuração da aplicação

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

app.config Configuração da aplicação

app.config carrega configurações de todo o app, como errorHandler, warnHandler, globalProperties e performance.

GrupoAPI Global
TipoAPI
EscopoGlobal
Versão do Vue3.0+
Suporte a SSRSim

📝 Sintaxe

app.config.errorHandler = (err, vm, info) => { /* reportar */ }
app.config.globalProperties.$http = http

Retorno:O próprio objeto de configuração

▶ Exemplo

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

Saída:

Clicking logs the caught error without breaking the page.

💡 Pontos-chave

💡 Dica errorHandler é o hook padrão para monitoramento.
ℹ️ Nota globalProperties substitui o padrão de prototype do Vue 2.
⚠️ Aviso Configure antes de montar; warnHandler só funciona em desenvolvimento.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P O que o errorHandler captura?
R Erros não interceptados por um errorCaptured mais próximo.
P Há tipagem para globalProperties?
R O TypeScript precisa de uma declaração ComponentCustomProperties.
P Dá para mudar opções do compilador aqui?
R Sim, via compilerOptions no build completo.
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%