_traverse() — vue Function Reference

Architecture documentation for the _traverse() function in traverse.ts from the vue codebase.

Function typescript CoreRuntime Observer called by 1

Entity Profile

CoreRuntime→ Observer→ _traverse() — vue Function Reference

Dependency Diagram

graph TD
  4faf9e77_e58d_87f1_3205_4ec992ca807f["_traverse()"]
  e9c21780_b26b_d883_76bb_2657a89bfce1["traverse.ts"]
  4faf9e77_e58d_87f1_3205_4ec992ca807f -->|defined in| e9c21780_b26b_d883_76bb_2657a89bfce1
  4b47a246_a6fe_7a21_1238_3f5ce49d861f["traverse()"]
  4b47a246_a6fe_7a21_1238_3f5ce49d861f -->|calls| 4faf9e77_e58d_87f1_3205_4ec992ca807f
  style 4faf9e77_e58d_87f1_3205_4ec992ca807f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/traverse.ts lines 19–47

function _traverse(val: any, seen: SimpleSet) {
  let i, keys
  const isA = isArray(val)
  if (
    (!isA && !isObject(val)) ||
    val.__v_skip /* ReactiveFlags.SKIP */ ||
    Object.isFrozen(val) ||
    val instanceof VNode
  ) {
    return
  }
  if (val.__ob__) {
    const depId = val.__ob__.dep.id
    if (seen.has(depId)) {
      return
    }
    seen.add(depId)
  }
  if (isA) {
    i = val.length
    while (i--) _traverse(val[i], seen)
  } else if (isRef(val)) {
    _traverse(val.value, seen)
  } else {
    keys = Object.keys(val)
    i = keys.length
    while (i--) _traverse(val[keys[i]], seen)
  }
}