v-pre 是 vue 编译器中唯一真正“跳过编译”的机制，即对带该指令的节点及其子树完全跳过解析、优化与生成三阶段，保留为纯文本输出。
Vue 编译器并没有所谓“跳跃编译”这一官方术语，但用户所指的，极可能是对 v-pre 指令作用或编译流程中“跳过处理”行为的形象化理解。它本质不是一种独立策略，而是编译阶段的一种明确跳过机制——即对特定节点及其子树完全不进入解析、优化、生成三步流程。
v-pre：真正意义上的“跳过编译”
当元素带有 v-pre 时，Vue 编译器在解析阶段就终止对该节点的进一步处理：
- 不识别其中的
{{ }}插值、v-if、@click等任何 Vue 语法，全部当作纯文本保留 - 不生成 AST 节点，不参与后续优化（如静态提升）和渲染函数生成
- 最终输出的是原始 HTML 字符串，由浏览器原生解析渲染
- 适用于文档示例、代码块展示、模板调试等无需响应式绑定的场景
编译流程中的“跳过”并非随机，而是有明确边界
Vue 的编译三阶段（解析 → 优化 → 生成）是严格线性的，所谓“跳过”只发生在两个层面：
-
指令级跳过：仅
v-pre具备此能力，且作用于整个元素树；其他指令（如v-cloak）不干预编译，只影响运行时样式 -
节点级跳过：编译器会自动识别纯静态内容（无绑定、无指令、无插值），标记为
static: true，在优化阶段将其提升并缓存，运行时直接复用，相当于“跳过 diff”而非“跳过编译”
注意区分：跳过编译 ≠ 跳过运行时
容易混淆的是，以下情况看似“跳过”，实则仍经历完整编译流程：
-
v-if="false"：仍被解析成 AST，只是生成的 render 函数中用条件逻辑控制是否创建 vnode - scoped CSS 中的
v-html内容：HTML 字符串本身不被编译，但包裹它的父组件模板照常编译 - 自定义元素（如
<my-widget></my-widget>）未注册时的警告：Vue 尝试按组件解析失败后才回退为原生标签，该过程仍走完解析，只是后续报错
性能提示：v-pre 的收益在大量静态内容时才明显
单个 v-pre 对性能影响微乎其微，但它的真实价值在于工程实践：
- 写技术博客组件时，用
<pre class="brush:php;toolbar:false;" v-pre><code>{{ rawCode }}</code></pre>可避免双大括号被误解析 - 在 Markdown 渲染器中包裹用户输入的 HTML 片段，防止意外触发指令
- 与
compilerOptions.isCustomElement配合，可让 Vue 安全绕过 Web Components 的组件解析尝试
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
