processRawAttrs() — vue Function Reference

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

Function typescript VueCore Observer called by 1

Entity Profile

VueCore→ Observer→ processRawAttrs() — vue Function Reference

Dependency Diagram

graph TD
  45053ba1_50a8_ccf4_7065_ac9531d561d9["processRawAttrs()"]
  101d3d34_ac07_228f_62b9_5d5ac4a0ea2e["index.ts"]
  45053ba1_50a8_ccf4_7065_ac9531d561d9 -->|defined in| 101d3d34_ac07_228f_62b9_5d5ac4a0ea2e
  19a26691_f7c4_e2d6_e9ed_59c6aff144df["parse()"]
  19a26691_f7c4_e2d6_e9ed_59c6aff144df -->|calls| 45053ba1_50a8_ccf4_7065_ac9531d561d9
  style 45053ba1_50a8_ccf4_7065_ac9531d561d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 430–449

function processRawAttrs(el) {
  const list = el.attrsList
  const len = list.length
  if (len) {
    const attrs: Array<ASTAttr> = (el.attrs = new Array(len))
    for (let i = 0; i < len; i++) {
      attrs[i] = {
        name: list[i].name,
        value: JSON.stringify(list[i].value)
      }
      if (list[i].start != null) {
        attrs[i].start = list[i].start
        attrs[i].end = list[i].end
      }
    }
  } else if (!el.pre) {
    // non root node in pre blocks with no attributes
    el.plain = true
  }
}