processFor() — vue Function Reference

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

Function typescript VueCore VDom calls 2 called by 1

Entity Profile

VueCore→ VDom→ processFor() — vue Function Reference

Dependency Diagram

graph TD
  d3b1b678_5e48_ff0d_a441_c2c615c22920["processFor()"]
  101d3d34_ac07_228f_62b9_5d5ac4a0ea2e["index.ts"]
  d3b1b678_5e48_ff0d_a441_c2c615c22920 -->|defined in| 101d3d34_ac07_228f_62b9_5d5ac4a0ea2e
  19a26691_f7c4_e2d6_e9ed_59c6aff144df["parse()"]
  19a26691_f7c4_e2d6_e9ed_59c6aff144df -->|calls| d3b1b678_5e48_ff0d_a441_c2c615c22920
  4f0d956c_7641_b36d_a23d_3803fa58d311["getAndRemoveAttr()"]
  d3b1b678_5e48_ff0d_a441_c2c615c22920 -->|calls| 4f0d956c_7641_b36d_a23d_3803fa58d311
  2a7dd6ad_9d16_6c77_aaae_9b8a3f6afff9["parseFor()"]
  d3b1b678_5e48_ff0d_a441_c2c615c22920 -->|calls| 2a7dd6ad_9d16_6c77_aaae_9b8a3f6afff9
  style d3b1b678_5e48_ff0d_a441_c2c615c22920 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 510–520

export function processFor(el: ASTElement) {
  let exp
  if ((exp = getAndRemoveAttr(el, 'v-for'))) {
    const res = parseFor(exp)
    if (res) {
      extend(el, res)
    } else if (__DEV__) {
      warn(`Invalid v-for expression: ${exp}`, el.rawAttrsMap['v-for'])
    }
  }
}