genProps() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 2

Entity Profile

CompilerSFC→ ScriptCompiler→ genProps() — vue Function Reference

Dependency Diagram

graph TD
  8d77643c_f644_5b38_7cc9_470546920393["genProps()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519["genData()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519 -->|calls| 8d77643c_f644_5b38_7cc9_470546920393
  42bea0e4_d68e_8c1a_27b1_d90fdcd8e88d["genSlot()"]
  42bea0e4_d68e_8c1a_27b1_d90fdcd8e88d -->|calls| 8d77643c_f644_5b38_7cc9_470546920393
  55a5def2_0aa8_b39b_8af6_e1624809e5dc["transformSpecialNewlines()"]
  8d77643c_f644_5b38_7cc9_470546920393 -->|calls| 55a5def2_0aa8_b39b_8af6_e1624809e5dc
  style 8d77643c_f644_5b38_7cc9_470546920393 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 645–663

function genProps(props: Array<ASTAttr>): string {
  let staticProps = ``
  let dynamicProps = ``
  for (let i = 0; i < props.length; i++) {
    const prop = props[i]
    const value = transformSpecialNewlines(prop.value)
    if (prop.dynamic) {
      dynamicProps += `${prop.name},${value},`
    } else {
      staticProps += `"${prop.name}":${value},`
    }
  }
  staticProps = `{${staticProps.slice(0, -1)}}`
  if (dynamicProps) {
    return `_d(${staticProps},[${dynamicProps.slice(0, -1)}])`
  } else {
    return staticProps
  }
}