指令转换是 Vue.js 模板编译管线中的一个基本部分，它将模板中的 Vue 指令（例如 v-if、v-for、v-bind）转换为可执行的 JavaScript 代码。本页面将解释指令转换如何处理模板，并将声明式指令转化为运行时操作。
有关模板编译整体流程的信息，请参阅 模板编译。
在 Vue.js 的编译系统中，指令转换会接收 Vue 的模板指令，并将其转换为用于渲染的正确 JavaScript 代码。这种转换发生在编译阶段，在将模板解析成 AST（抽象语法树）和代码生成之间。
来源： packages/compiler-core/src/transform.ts44-77 packages/compiler-core/src/codegen.ts279-402
Vue 的编译器有两种主要的指令转换类型
常规指令转换：处理 v-bind、v-on 等指令，它们通常会向元素添加属性或事件处理器，但不会改变模板结构。
结构指令转换：处理 v-if 和 v-for 等指令，它们会从根本上改变渲染输出的结构。
来源： packages/compiler-core/src/transform.ts46-77
指令转换是处理函数，它接收指令节点及其父元素节点，并返回有关如何转换指令的信息。
来源： packages/compiler-core/src/transform.ts56-69
指令转换在元素转换过程中应用。`transformElement.ts` 中的 `buildProps` 函数负责处理元素上的所有属性，包括指令。
来源： packages/compiler-core/src/transforms/transformElement.ts373-697
v-if 和 v-for 等结构指令之所以特殊，是因为它们从根本上改变了渲染输出的结构。
Vue 提供了一个辅助函数来创建结构指令转换。
此函数创建一个节点转换，该转换会识别具有指定名称模式的指令，并应用转换函数。
来源： packages/compiler-core/src/transform.ts485-517
`v-if` 指令转换将模板条件转换为 JavaScript 条件表达式。
来源： packages/compiler-core/src/transforms/vIf.ts38-76
`v-for` 转换通过调用 `renderList` 辅助函数来处理列表渲染。
来源： packages/compiler-core/src/transforms/vFor.ts53-258
指令的实际处理发生在 `transformElement.ts` 中的 `buildProps` 函数。以下是它如何处理指令：
来源： packages/compiler-core/src/transforms/transformElement.ts672-687
指令转换可以在编译时完全解析指令，也可以指示它们需要运行时处理。
编译时解析：当指令可以完全转换为属性或其他静态代码时，例如简单的 `v-bind` 属性。
运行时处理：当指令需要动态行为，而该行为无法在编译时确定时。在这种情况下，转换会设置 `needRuntime: true`，并将指令传递给运行时指令处理系统。
来源： packages/compiler-core/src/transforms/transformElement.ts672-696
指令转换有助于确定 patch flags，这有助于 Vue 优化更新。指令转换会分析哪些属性是动态的，需要检查更新。
来源： packages/compiler-core/src/transforms/transformElement.ts427-486
应用程序代码可以通过编译器选项提供自定义指令转换。
这使得自定义指令可以在编译时得到优化，而不是完全依赖于运行时处理。
来源： packages/compiler-core/src/transforms/transformElement.ts672-696
对于需要运行时处理的指令，Vue 会构建一个包含指令信息的数组表达式。
来源： packages/compiler-core/src/transforms/transformElement.ts874-923
指令转换是 Vue 编译系统中的一个核心部分，它将模板中的声明式指令转化为高效的 JavaScript 代码。它们在可能的情况下提供编译时优化，同时在需要时通过运行时处理支持复杂的动态行为。
理解指令转换对于理解 Vue 模板是如何编译的以及运行时渲染系统是如何工作的至关重要。