generate() — vue Function Reference

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

Function typescript TemplateCompiler Optimizer calls 1 called by 4

Entity Profile

TemplateCompiler→ Optimizer→ generate() — vue Function Reference

Dependency Diagram

graph TD
  2542f704_a476_ae9f_30fc_92b570bd82f4["generate()"]
  4e39da40_6cb1_aa2b_3351_d7600a4f01d0["generate()"]
  4e39da40_6cb1_aa2b_3351_d7600a4f01d0 -->|calls| 2542f704_a476_ae9f_30fc_92b570bd82f4
  a16c0a31_a65b_9434_6f1b_e21bfd9517ea["genInlineTemplate()"]
  a16c0a31_a65b_9434_6f1b_e21bfd9517ea -->|calls| 2542f704_a476_ae9f_30fc_92b570bd82f4
  4a6c1fba_4814_b3d9_ff02_8fe63201f887["createCompiler()"]
  4a6c1fba_4814_b3d9_ff02_8fe63201f887 -->|calls| 2542f704_a476_ae9f_30fc_92b570bd82f4
  3db86199_9b4d_9828_3e37_09eaa549b4c0["assertCodegen()"]
  3db86199_9b4d_9828_3e37_09eaa549b4c0 -->|calls| 2542f704_a476_ae9f_30fc_92b570bd82f4
  ce806ab8_847b_273b_e07c_0a796c2f76ae["genElement()"]
  2542f704_a476_ae9f_30fc_92b570bd82f4 -->|calls| ce806ab8_847b_273b_e07c_0a796c2f76ae
  style 2542f704_a476_ae9f_30fc_92b570bd82f4 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
  }
}