components Registrar componentes filhos
Última atualização: 2026-10-22
components Registrar componentes filhos
A opção components registra componentes filhos localmente, mantendo-os no escopo deste componente.
| 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 {
components: { TodoItem }
}⚙️ Argumentos
| value | Um objeto que mapeia nomes (kebab-case permitido) para definições |
|---|
Retorno：Sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Renders two todo items.💡 Pontos-chave
💡 Dica Prefira registro local — dependências mais claras e melhor tree-shaking.
ℹ️ Nota Registre nomes em kebab-case para templates in-DOM.
⚠️ Aviso O registro global expõe o componente em todo lugar — reserve-o para poucos componentes base.
🏷️ Composição e Diversos relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Diferença em relação ao registro global?
R Local fica no escopo e é tree-shakable; global está em todo lugar, mas é pesado.
P O nome precisa ser kebab-case?
R Obrigatório em templates DOM; SFCs aceitam ambos.
P Dá para registrar dinamicamente?
R Raro — prefira <component :is> para trocas dinâmicas.
