createCompiler() — vue Function Reference

Architecture documentation for the createCompiler() function in index.ts from the vue codebase.

Function typescript VueCore VDom calls 4

Entity Profile

VueCore→ VDom→ createCompiler() — vue Function Reference

Dependency Diagram

graph TD
  6c590cdd_9255_3485_21a0_c8a067eb1658["createCompiler()"]
  b5f71c2e_6baa_62e4_4167_0496c4d6e540["index.ts"]
  6c590cdd_9255_3485_21a0_c8a067eb1658 -->|defined in| b5f71c2e_6baa_62e4_4167_0496c4d6e540
  97855b39_317e_b246_a520_910b41a8b140["createCompilerCreator()"]
  6c590cdd_9255_3485_21a0_c8a067eb1658 -->|calls| 97855b39_317e_b246_a520_910b41a8b140
  19a26691_f7c4_e2d6_e9ed_59c6aff144df["parse()"]
  6c590cdd_9255_3485_21a0_c8a067eb1658 -->|calls| 19a26691_f7c4_e2d6_e9ed_59c6aff144df
  53eb02a0_e5cc_b010_2d4d_1ad77bf5eb9c["optimize()"]
  6c590cdd_9255_3485_21a0_c8a067eb1658 -->|calls| 53eb02a0_e5cc_b010_2d4d_1ad77bf5eb9c
  e748fb47_6716_51f2_1c20_197a7392a425["generate()"]
  6c590cdd_9255_3485_21a0_c8a067eb1658 -->|calls| e748fb47_6716_51f2_1c20_197a7392a425
  style 6c590cdd_9255_3485_21a0_c8a067eb1658 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/index.ts lines 10–24

export const createCompiler = createCompilerCreator(function baseCompile(
  template: string,
  options: CompilerOptions
): CompiledResult {
  const ast = parse(template.trim(), options)
  if (options.optimize !== false) {
    optimize(ast, options)
  }
  const code = generate(ast, options)
  return {
    ast,
    render: code.render,
    staticRenderFns: code.staticRenderFns
  }
})