v-pre

The v-pre directive makes an element render its content as-is, skipping its compilation. The most common use case is when displaying raw mustache syntax.

Example

<script setup>
  import { ref } from 'vue';
  const text = ref("Some Text")
</script>

<template>
  <p v-pre >{{ text }}</p>
</template>

The p element will display: {{ text }} and not Some Text because the compilation is skipped.