renderDOMProps() — vue Function Reference

Architecture documentation for the renderDOMProps() function in runtime-helpers.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 2

Entity Profile

ServerRenderer→ BundleRenderer→ renderDOMProps() — vue Function Reference

Dependency Diagram

graph TD
  eea1a423_22a6_affd_a3d8_e3cda0985def["renderDOMProps()"]
  b5390896_1fe7_f1d9_81bd_c577287dddd4["runtime-helpers.ts"]
  eea1a423_22a6_affd_a3d8_e3cda0985def -->|defined in| b5390896_1fe7_f1d9_81bd_c577287dddd4
  953457f9_439e_4bfb_da0b_a8f1356764a0["isRenderableAttr()"]
  eea1a423_22a6_affd_a3d8_e3cda0985def -->|calls| 953457f9_439e_4bfb_da0b_a8f1356764a0
  d3df2209_4d64_4591_abc3_5711006984d0["renderAttr()"]
  eea1a423_22a6_affd_a3d8_e3cda0985def -->|calls| d3df2209_4d64_4591_abc3_5711006984d0
  style eea1a423_22a6_affd_a3d8_e3cda0985def fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/runtime-helpers.ts lines 121–130

function renderDOMProps(obj: Object): string {
  let res = ''
  for (const key in obj) {
    const attr = propsToAttrMap[key] || key.toLowerCase()
    if (isRenderableAttr(attr)) {
      res += renderAttr(attr, obj[key])
    }
  }
  return res
}