generate() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 1 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ generate() — vue Function Reference

Dependency Diagram

graph TD
  d3fcbedd_5774_268b_b603_8b87daaea208["generate()"]
  4aaa14b9_d580_5a66_5221_1be3a11a7eed["codegen.ts"]
  d3fcbedd_5774_268b_b603_8b87daaea208 -->|defined in| 4aaa14b9_d580_5a66_5221_1be3a11a7eed
  1c5a6135_24a8_97de_ddff_2552d71bb0c3["createCompiler()"]
  1c5a6135_24a8_97de_ddff_2552d71bb0c3 -->|calls| d3fcbedd_5774_268b_b603_8b87daaea208
  f524af7e_1682_aa62_bd3c_c1210416da99["genSSRElement()"]
  d3fcbedd_5774_268b_b603_8b87daaea208 -->|calls| f524af7e_1682_aa62_bd3c_c1210416da99
  style d3fcbedd_5774_268b_b603_8b87daaea208 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
  }
}