VOOZH about

URL: https://www.geeksforgeeks.org/javascript/vue-js-v-pre-directive/

⇱ Vue.js v-pre Directive - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Vue.js v-pre Directive

Last Updated : 15 Jul, 2025

The v-pre directive is a Vue.js directive used to skip compilation for this element and all its children. You can use this for displaying raw mustache tags. First, we will create a div element with id as app and let's apply the v-pre directive to an element. Further, we can use a heading element to show the data.


Syntax:

v-pre
Parameters: This directive doesn't accept any parameter. Example: This example uses Vue.js to show the working of v-pre directive.

Output:

👁 Image
Comment
Article Tags: