Directive v-pre de Vue3
Vue3 Directives intégréesv-preLa directive est utilisée pour ignorer la compilation et n'effectue pas l'analyse du template Vue sur l'élément ou ses éléments enfants.
Explication de base
v-preLa directive est utilisée pour demander à Vue d'ignorer la compilation de cet élément et de tous ses éléments enfants. Les éléments avec v-pre sont rendus en HTML brut sans traitement de la syntaxe de template Vue.
- Type attendu: Aucun (n'accepte aucune expression)
- Objectif: Ignorer la compilation, ne pas effectuer l'analyse du template Vue sur l'élément ou ses éléments enfants.
Scénarios d'utilisation
1. Afficher les balises Mustache brutes
v-pre est le plus souvent utilisé pour afficher la syntaxe brute {{ }} :
Exemple
<template>
<div>
<p>Rendu normal : {{ message }}</p>
<p v-pre>Affichage non compilé : {{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return { message: 'Hello Vue' }
}
}
</script>
<div>
<p>Rendu normal : {{ message }}</p>
<p v-pre>Affichage non compilé : {{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return { message: 'Hello Vue' }
}
}
</script>
Résultat de sortie :
正常渲染: Hello Vue
不编译显示: {{ message }}
Autres extensions