resolveComponent() Resolver um componente pelo nome
Última atualização: 2026-10-22
resolveComponent() Resolver um componente pelo nome
resolveComponent() busca um componente registrado pelo nome dentro de render functions, pronto para h().
| Grupo | Funções de Renderização e SSR |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
const Comp = resolveComponent("my-button")
return h(Comp, null, "Click")⚙️ Argumentos
| name | O nome registrado (diferencia maiúsculas de minúsculas) |
|---|
Retorno：A definição do componente (ou a string, com um aviso)
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Renders a button labelled 'button from render'.💡 Pontos-chave
ℹ️ Nota Somente para render functions; templates resolvem nomes automaticamente.
💡 Dica Imports diretos são mais claros; a busca por nome serve para casos dinâmicos ou globais.
⚠️ Aviso Nomes não registrados caem para tags nativas.
🏷️ Funções de Renderização e SSR relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
Componentes dinâmicos e assíncronos
Lição 14 do tutorial: resolvendo componentes no código de render
❓ FAQ
P Por que não importar diretamente?
R Nomes dinâmicos não podem ser importados estaticamente.
P Diferencia maiúsculas de minúsculas?
R Sim — corresponda exatamente ao nome registrado.
P Funciona em SSR?
R Sim — a resolução é síncrona.
