generate() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ generate() — vue Function Reference

Dependency Diagram

graph TD
  24d38a9f_c51d_3154_83fb_40e61e6ab136["generate()"]
  6fdcd133_a6e0_85e7_3ef7_7feb272a29b3["createCompiler()"]
  6fdcd133_a6e0_85e7_3ef7_7feb272a29b3 -->|calls| 24d38a9f_c51d_3154_83fb_40e61e6ab136
  2aea58e1_5763_f065_a7b6_b9c4ca026b21["generate()"]
  24d38a9f_c51d_3154_83fb_40e61e6ab136 -->|calls| 2aea58e1_5763_f065_a7b6_b9c4ca026b21
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2["genSSRElement()"]
  24d38a9f_c51d_3154_83fb_40e61e6ab136 -->|calls| c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2
  style 24d38a9f_c51d_3154_83fb_40e61e6ab136 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 38–48

export function generate(
  ast: ASTElement | void,
  options: CompilerOptions
): CodegenResult {
  const state = new CodegenState(options)
  const code = ast ? genSSRElement(ast, state) : '_c("div")'
  return {
    render: `with(this){return ${code}}`,
    staticRenderFns: state.staticRenderFns
  }
}