generate() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 1 called by 2

Entity Profile

CompilerSFC→ StyleProcessor→ generate() — vue Function Reference

Dependency Diagram

graph TD
  f7d4da5f_5adf_1545_aed3_f44e030efac4["generate()"]
  54260741_ae9d_a025_86de_47c513f5f82d["index.ts"]
  f7d4da5f_5adf_1545_aed3_f44e030efac4 -->|defined in| 54260741_ae9d_a025_86de_47c513f5f82d
  d790e900_9759_b6e2_0563_04ddf5d962a4["genInlineTemplate()"]
  d790e900_9759_b6e2_0563_04ddf5d962a4 -->|calls| f7d4da5f_5adf_1545_aed3_f44e030efac4
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79["createCompiler()"]
  ce8f29ab_2e8d_1891_6184_d7dbc32fae79 -->|calls| f7d4da5f_5adf_1545_aed3_f44e030efac4
  075d1f95_9965_89f4_3c01_f944fee6b553["genElement()"]
  f7d4da5f_5adf_1545_aed3_f44e030efac4 -->|calls| 075d1f95_9965_89f4_3c01_f944fee6b553
  style f7d4da5f_5adf_1545_aed3_f44e030efac4 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
  }
}