Ever wonder how you can a skip a block of element from Vue's compilation. Or how you can print {{ in your page which appears within the Vue's root element? There's no way except v-pre
v-pre is used to skip a block of element from Vue's compilation. During compilation when Vue hits v-pre this element will be skipped including all it's childs. So if you use any mustache syntax or any directive inside that element, they won't be parsed. This actually increases the compiling speed. This is very useful when you have large block of content with no directive, skipping them reduces the compilation time.
<div v-pre>{{ this will not be compiled }}</div>
Never use this directive on the Root element. And you know why.