VueJs v-pre

v-pre skip compilation for this element and all its children. You can use this for displaying raw mustache tags. skipping large numbers of nodes with no directives on them can also speed up compilation.

Below the example

<!DOCTYPE html>
<html lang="en">
<head>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
     <div id="app">
	     <span v-pre>{{ name }}</span>
     </div>
     <script>
     new Vue ({
        	el: '#app',
		data: {
		        name: 'Evan You'
		}
             })
   </script>
 </body>
</html>

it will skip compilation and print the raw mustache tags.v-pre directive are used to increase the execution speed.

if we remove the v-pre directive, it will print Evan You

Output

{{ name }}