genInlineTemplate() — vue Function Reference

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

Function typescript TemplateCompiler CodeGen calls 1 called by 1

Entity Profile

TemplateCompiler→ CodeGen→ genInlineTemplate() — vue Function Reference

Dependency Diagram

graph TD
  a16c0a31_a65b_9434_6f1b_e21bfd9517ea["genInlineTemplate()"]
  4ed91472_8abf_1a34_b708_77e5a59ad407["genData()"]
  4ed91472_8abf_1a34_b708_77e5a59ad407 -->|calls| a16c0a31_a65b_9434_6f1b_e21bfd9517ea
  2542f704_a476_ae9f_30fc_92b570bd82f4["generate()"]
  a16c0a31_a65b_9434_6f1b_e21bfd9517ea -->|calls| 2542f704_a476_ae9f_30fc_92b570bd82f4
  style a16c0a31_a65b_9434_6f1b_e21bfd9517ea fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 392–411

function genInlineTemplate(
  el: ASTElement,
  state: CodegenState
): string | undefined {
  const ast = el.children[0]
  if (__DEV__ && (el.children.length !== 1 || ast.type !== 1)) {
    state.warn(
      'Inline-template components must have exactly one child element.',
      { start: el.start }
    )
  }
  if (ast && ast.type === 1) {
    const inlineRenderFns = generate(ast, state.options)
    return `inlineTemplate:{render:function(){${
      inlineRenderFns.render
    }},staticRenderFns:[${inlineRenderFns.staticRenderFns
      .map(code => `function(){${code}}`)
      .join(',')}]}`
  }
}