generate() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 3

Entity Profile

CompilerSFC→ ScriptCompiler→ generate() — vue Function Reference

Dependency Diagram

graph TD
  2aea58e1_5763_f065_a7b6_b9c4ca026b21["generate()"]
  24d38a9f_c51d_3154_83fb_40e61e6ab136["generate()"]
  24d38a9f_c51d_3154_83fb_40e61e6ab136 -->|calls| 2aea58e1_5763_f065_a7b6_b9c4ca026b21
  82518cdd_66a5_0eec_e015_7a91c596ce72["genInlineTemplate()"]
  82518cdd_66a5_0eec_e015_7a91c596ce72 -->|calls| 2aea58e1_5763_f065_a7b6_b9c4ca026b21
  5e33e1e0_159e_45ee_a1cd_33a5b88f58de["createCompiler()"]
  5e33e1e0_159e_45ee_a1cd_33a5b88f58de -->|calls| 2aea58e1_5763_f065_a7b6_b9c4ca026b21
  4cfaef88_0bc8_30fc_0a01_09b4149fd58c["genElement()"]
  2aea58e1_5763_f065_a7b6_b9c4ca026b21 -->|calls| 4cfaef88_0bc8_30fc_0a01_09b4149fd58c
  style 2aea58e1_5763_f065_a7b6_b9c4ca026b21 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 57–72

export function generate(
  ast: ASTElement | void,
  options: CompilerOptions
): CodegenResult {
  const state = new CodegenState(options)
  // fix #11483, Root level <script> tags should not be rendered.
  const code = ast
    ? ast.tag === 'script'
      ? 'null'
      : genElement(ast, state)
    : '_c("div")'
  return {
    render: `with(this){return ${code}}`,
    staticRenderFns: state.staticRenderFns
  }
}