vue Architecture Docs
Home / Function/ renderDOMProps() — vue Function Reference

renderDOMProps() — vue Function Reference

Architecture documentation for the renderDOMProps() function in dom-props.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 7

Entity Profile

Dependency Diagram

graph TD
  0fddbd73_542f_66b0_9163_a3b836d87f09["renderDOMProps()"]
  5b855538_2046_796e_16f9_7327a61399cb["isDef()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 5b855538_2046_796e_16f9_7327a61399cb
  133969d0_a7bd_f1c5_46a3_9fb8fd249583["extend()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 133969d0_a7bd_f1c5_46a3_9fb8fd249583
  299f2646_f776_9b7d_1179_7b9087b1e66c["isUndef()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 299f2646_f776_9b7d_1179_7b9087b1e66c
  5e61b442_a444_82ce_7194_4908cd2bc90b["setText()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 5e61b442_a444_82ce_7194_4908cd2bc90b
  c7fb0b96_a593_dfb8_3f7a_2f40701511a4["toString()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| c7fb0b96_a593_dfb8_3f7a_2f40701511a4
  39d30191_a166_7c57_243e_1c8439e9de3a["isRenderableAttr()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 39d30191_a166_7c57_243e_1c8439e9de3a
  37924a94_7eda_6738_f2fb_dc83c64098b0["renderAttr()"]
  0fddbd73_542f_66b0_9163_a3b836d87f09 -->|calls| 37924a94_7eda_6738_f2fb_dc83c64098b0
  style 0fddbd73_542f_66b0_9163_a3b836d87f09 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/dom-props.ts lines 7–44

export default function renderDOMProps(node: VNodeWithData): string {
  let props = node.data.domProps
  let res = ''

  let parent = node.parent
  while (isDef(parent)) {
    if (parent.data && parent.data.domProps) {
      props = extend(extend({}, props), parent.data.domProps)
    }
    parent = parent.parent
  }

  if (isUndef(props)) {
    return res
  }

  const attrs = node.data.attrs
  for (const key in props) {
    if (key === 'innerHTML') {
      setText(node, props[key], true)
    } else if (key === 'textContent') {
      setText(node, props[key], false)
    } else if (key === 'value' && node.tag === 'textarea') {
      setText(node, toString(props[key]), false)
    } else {
      // $flow-disable-line (WTF?)
      const attr = propsToAttrMap[key] || key.toLowerCase()
      if (
        isRenderableAttr(attr) &&
        // avoid rendering double-bound props/attrs twice
        !(isDef(attrs) && isDef(attrs[attr]))
      ) {
        res += renderAttr(attr, props[key])
      }
    }
  }
  return res
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does renderDOMProps() do?
renderDOMProps() is a function in the vue codebase.
What does renderDOMProps() call?
renderDOMProps() calls 7 function(s): extend, isDef, isRenderableAttr, isUndef, renderAttr, setText, toString.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free