v-pre Pular Compilação
Última atualização: 2026-10-22
v-pre Pular Compilação
O v-pre pula a compilação do elemento e de seus filhos: imprime sintaxe de template como {{ }} literalmente — útil para exibir código de template.
| Grupo | Diretivas |
|---|---|
| Tipo | Diretiva |
| Escopo | Template |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
<span v-pre>{{ isto não será compilado }}</span>
<code v-pre>{{ msg }}</code>⚙️ Argumentos
| expression | Sem expressão |
|---|
Retorno：Diretiva, sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The page shows 'Shown as-is: {{ msg }}' — braces stay literal.💡 Pontos-chave
ℹ️ Nota Use em tutoriais ou documentação para exibir sintaxe de template sem interpolação.
💡 Dica O v-pre vale para todos os descendentes — coloque-o no contêiner inteiro do bloco de código.
⚠️ Aviso Diretivas dentro de um elemento v-pre (v-if etc.) também são ignoradas.
🏷️ Diretivas relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Caso de uso típico?
R Exibir sintaxe de template em tutoriais ou documentação sem que seja interpolada.
P As diretivas nos filhos ainda rodam?
R Não — a subárvore inteira pula a compilação.
P Qual a diferença em relação ao v-once?
R O v-pre nunca compila (mantém a sintaxe bruta); o v-once compila uma vez e congela.
