is Tag ou Componente Dinâmico
Última atualização: 2026-10-22
is Tag ou Componente Dinâmico
O atributo is define qual componente ou tag nativa o
| Grupo | Integrados |
|---|---|
| Tipo | Atributo Especial |
| Escopo | Template |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
<component :is="current"></component>
<component is="strong">texto em negrito</component>⚙️ Argumentos
| props | Nome do componente, objeto de definição ou string de tag nativa |
|---|
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The second line toggles between em and strong tags.💡 Pontos-chave
ℹ️ Nota O is deve ser usado com ; escrito sozinho em um elemento comum, é ignorado.
💡 Dica Para campos de formulário dinâmicos e nós de rich text, é a forma mais natural de expressar.
⚠️ Aviso Quando is recebe uma string de tag nativa, nenhum componente é criado: não espere que lógica de componente rode.
🏷️ Integrados relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Qual a relação com o component?
R O is é o seu atributo: os dois juntos definem o alvo renderizado.
P Renderiza tags em string?
R Sim: nomes nativos como is="span"/"h3" funcionam diretamente.
P E em comparação com o v-html?
R O is troca estruturas (dentro do sistema de templates); o v-html injeta HTML inteiro (com risco de XSS).
