inject Injetar dados de ancestrais
Última atualização: 2026-10-22
inject Injetar dados de ancestrais
A opção inject declara dependências — um array sem padrões, ou um objeto com from e default.
| Grupo | Opções: Composição e Diversos |
|---|---|
| Tipo | Opção |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
export default {
inject: ["theme"],
// or with a default
inject: {
theme: { from: "theme", default: "light" }
}
}⚙️ Argumentos
| value | Um array de chaves ou um objeto com from e default |
|---|
Retorno：Os valores injetados ficam na instância como this.xxx
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Without a provider it shows 'Theme: light by default'.💡 Pontos-chave
💡 Dica Na forma de objeto, from nomeia a chave do provider.
⚠️ Aviso Evite padrões de objetos compartilhados — eles vazam entre instâncias.
ℹ️ Nota Refs injetadas permanecem reativas e auto-desembrulham nos templates.
🏷️ Composição e Diversos relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Forma de array ou de objeto?
R Use a forma de objeto para padrões ou apelidos.
P A ausência de provider lança erro?
R A forma de array resulta em undefined; a de objeto usa o fallback.
P Dá para injetar métodos?
R Sim — forneça funções junto com estado readonly.
