depend() — vue Function Reference

Architecture documentation for the depend() function in dep.ts from the vue codebase.

Function typescript VueCore Observer called by 3

Entity Profile

VueCore→ Observer→ depend() — vue Function Reference

Dependency Diagram

graph TD
  dd2ea478_4454_41dd_4f1c_546901e17ce6["depend()"]
  6468b0c5_2298_434f_d55a_c498376ea8cd["Dep"]
  dd2ea478_4454_41dd_4f1c_546901e17ce6 -->|defined in| 6468b0c5_2298_434f_d55a_c498376ea8cd
  dea83477_00f1_3c8b_f0a1_584882807d1f["defineReactive()"]
  dea83477_00f1_3c8b_f0a1_584882807d1f -->|calls| dd2ea478_4454_41dd_4f1c_546901e17ce6
  2d9fa829_b445_3c58_5837_f3ff9f24a2a4["dependArray()"]
  2d9fa829_b445_3c58_5837_f3ff9f24a2a4 -->|calls| dd2ea478_4454_41dd_4f1c_546901e17ce6
  f27f8043_126c_8edc_d490_d3e19f848317["depend()"]
  f27f8043_126c_8edc_d490_d3e19f848317 -->|calls| dd2ea478_4454_41dd_4f1c_546901e17ce6
  style dd2ea478_4454_41dd_4f1c_546901e17ce6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/dep.ts lines 59–69

  depend(info?: DebuggerEventExtraInfo) {
    if (Dep.target) {
      Dep.target.addDep(this)
      if (__DEV__ && info && Dep.target.onTrack) {
        Dep.target.onTrack({
          effect: Dep.target,
          ...info
        })
      }
    }
  }