YouTip

# Vue3 v-pre Directive [ Vue3 Built-in Directives](https://example.com/vue3/vue3-ref-directives.html) * * * The `v-pre` directive is used to skip compilation, without performing Vue template parsing on the element and its child elements. * * * ## Basic Description The `v-pre` directive is used to tell Vue to skip compilation of this element and all its child elements. Elements with v-pre will be rendered as raw HTML, without Vue template syntax processing. * **Expected Type**: None (does not accept expressions) * **Function**: Skip compilation, without performing Vue template parsing on the element and its child elements. * * * ## Usage Scenarios ### 1. Displaying Raw Mustache Tags v-pre is most commonly used to display raw {{ }} syntax: ## Example Output result: Normal rendering: Hello Vue Display without compilation: {{ message }} * * * [ Vue3 Built-in Directives](https://example.com/vue3/vue3-ref-directives.html)