genInlineTemplate() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ genInlineTemplate() — vue Function Reference

Dependency Diagram

graph TD
  82518cdd_66a5_0eec_e015_7a91c596ce72["genInlineTemplate()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519["genData()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519 -->|calls| 82518cdd_66a5_0eec_e015_7a91c596ce72
  2aea58e1_5763_f065_a7b6_b9c4ca026b21["generate()"]
  82518cdd_66a5_0eec_e015_7a91c596ce72 -->|calls| 2aea58e1_5763_f065_a7b6_b9c4ca026b21
  style 82518cdd_66a5_0eec_e015_7a91c596ce72 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(',')}]}`
  }
}