provide Fornecer dados para descendentes
Última atualização: 2026-10-22
provide Fornecer dados para descendentes
A opção provide fornece dados para baixo — um objeto para valores estáticos, uma função para valores derivados de this.
| 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 {
data() { return { theme: "dark" } },
provide() {
return { theme: this.theme } // note: a snapshot
}
}⚙️ Argumentos
| value | Um objeto ou uma função que retorna um (a forma de função pode usar this) |
|---|
Retorno：Sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The deep child shows 'Injected theme: dark'.💡 Pontos-chave
⚠️ Aviso Objetos literais comuns são snapshots — forneça refs para reatividade.
💡 Dica Mantenha os nomes de chaves alinhados com a Composition API para facilitar a migração.
ℹ️ Nota A forma options usa chaves de objeto comuns.
🏷️ Composição e Diversos relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Por que um valor de data fornecido não atualiza?
R Ele faz snapshot na inicialização — forneça um objeto reativo em vez disso.
P Dá para misturar com a Composition API?
R Sim — o mecanismo é compartilhado, chaveado por nome.
P Quando usar a forma de função?
R Quando os valores derivam de this.
