`v-pre`

Skips compilation for an element and its children.

Since Vue 3.0 Spec ↗

Syntax

v-pre

Returns

directive — Outputs raw content without compiling.

Examples

<template>
  <span v-pre>{{ this is shown literally }}</span>
</template>

Notes

Elements with v-pre are not compiled: mustache syntax and directives inside are output verbatim. Useful for displaying raw template syntax (e.g. in docs) or as a micro-optimization to skip large static subtrees the compiler need not process.