Директива v-pre Vue3

Vue3 内置指令Встроенные директивы Vue3

v-preДиректива используется для пропуска компиляции и не выполняет разбор шаблона Vue для элемента или его дочерних элементов.

Базовое объяснение

v-preДиректива используется, чтобы указать Vue пропустить компиляцию этого элемента и всех его дочерних элементов. Элементы с v-pre отображаются как необработанный HTML без обработки синтаксиса шаблона Vue.

  • Ожидаемый тип: None (не принимает выражение)
  • Назначение: Пропустить компиляцию, не выполнять разбор шаблона Vue для элемента или его дочерних элементов.

Сценарии использования

1. Отображение необработанных тегов Mustache

v-pre чаще всего используется для отображения необработанного синтаксиса {{ }}:

Пример

<template>
  <div>
    <p>Обычный рендеринг: {{ message }}</p>
    <p v-pre>Отображение без компиляции: {{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return { message: 'Hello Vue' }
  }
}
</script>

Результат вывода:

正常渲染: Hello Vue
不编译显示: {{ message }}

Vue3 内置指令Встроенные директивы Vue3

Другие расширения