<template> Wrapper de Template
Última atualização: 2026-10-22
<template> Wrapper de Template
O é um contêiner de agrupamento transparente: não renderiza elemento nenhum e serve para agrupar v-if / v-for ou portar conteúdo.
| Grupo | Integrados |
|---|---|
| Tipo | Componente / Elemento |
| Escopo | Template |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
<template v-if="ok">
<p>Primeiro</p>
<p>Segundo</p>
</template>
<template v-for="item in list" :key="item.id">...</template>⚙️ Argumentos
| props | Funciona com v-if / v-for / v-slot; não gera saída de elemento |
|---|
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Both paragraphs toggle together without leaving an empty wrapper.💡 Pontos-chave
💡 Dica Use-o quando quiser aplicar o mesmo v-if a vários elementos: evita um div sem significado.
ℹ️ Nota Em templates de DOM, o também é o portador do conteúdo de slots (com v-slot).
⚠️ Aviso Quando o v-for está no template, a key também vai no template (suportado no Vue 3).
🏷️ Integrados relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Ele aparece no DOM?
R Não, é um contêiner transparente que existe apenas em tempo de compilação.
P Dá para pôr uma class nele?
R Não: atributos precisam cair em um elemento real; use um div ou coloque nos filhos.
P É o mesmo template dos slots?
R A mesma tag tem dois usos: um para agrupamento, outro como portador de slots nomeados.
