一：定义

1：NodeTransforms（节点转换）

用于配置自定义的节点转换器，负责将模板中的各种节点转换为相应的代码

可以添加自定义的节点转换器，从而实现特定的编译需求或优化

const { transform } = require('@vue/compiler-core');

const nodeTransforms = [
  (node, context) => {
    // 检查节点类型是否为特定类型
    if (node.type === 1 /* ELEMENT */) {
      // 对特定类型的节点进行转换处理
      // ...
    }
  }
];

const { code } = transform(template, {
  nodeTransforms
});

console.log(code);

2：DirectiveTransforms（指令转换）

用于配置自定义的指令转换器，负责将模板中的指令转换为相应的代码。

可以添加自定义的指令转换器，从而实现特定的编译需求或优化

const { transform } = require('@vue/compiler-core');

const directiveTransforms = {
  customDirective: (node, dir, context) => {
    // 处理自定义指令转换逻辑
    // ...
  }
};

const { code } = transform(template, {
  directiveTransforms
});

console.log(code);

二：总结

1：主要用于开发者扩展 Vue 编译器的功能，进行更深入的编译优化或定制化