app.provide() Provide em nível de aplicação

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

app.provide() Provide em nível de aplicação

app.provide() fornece uma dependência para todo o app, de modo que qualquer componente possa injetá-la — para configurações e instâncias de i18n.

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

📝 Sintaxe

app.provide("i18n", i18nInstance)

⚙️ Argumentos

key, valueUma chave (string ou Symbol) mais qualquer valor

Retorno:A instância da aplicação (encadeável)

▶ Exemplo

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

Saída:

Shows the provided config value.

💡 Pontos-chave

ℹ️ Nota Preferível a globalProperties — explícito e testável.
💡 Dica Usos comuns: i18n, configuração de tema, logging.
⚠️ Aviso Objetos comuns viram snapshot — forneça refs para reatividade.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P Qual a diferença do provide em nível de componente?
R Em nível de app alcança todos os componentes; em nível de componente tem escopo restrito.
P Dá para fornecer funções?
R Sim — frequentemente usado para clientes de API e helpers.
P Pode ser sobrescrito?
R Um provider mais próximo o sobrepõe.
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%