h() Criar nós virtuais
Última atualização: 2026-10-22
h() Criar nós virtuais
h() cria nós virtuais (VNodes) — a primitiva por trás de render functions e JSX.
| Grupo | Funções de Renderização e SSR |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
h("div", { class: "box" }, "content")
h(MyComp, { msg: "hi" }, { default: () => "slot" })⚙️ Argumentos
| type, props?, children? | type (tag ou componente), props opcional, children (string, array ou slots) |
|---|
Retorno：Um VNode
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Renders a three-item list.💡 Pontos-chave
ℹ️ Nota Os templates compilam para chamadas h().
💡 Dica Reserve o h() manual para estruturas programáticas.
⚠️ Aviso Nomes de tags diferenciam maiúsculas de minúsculas.
🏷️ Funções de Renderização e SSR relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P h ou JSX?
R JSX fica mais legível com um passo de build; h não precisa de nenhum.
P Como passar slots?
R Passe um objeto de funções de slot como children.
P Precisa ser importado?
R Importe-o, ou use Vue.h em páginas via CDN.
