depend() — vue Function Reference

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

Function typescript CoreRuntime Observer called by 3

Entity Profile

CoreRuntime→ Observer→ depend() — vue Function Reference

Dependency Diagram

graph TD
  127eb37f_bb82_724e_10d1_24e519f60aab["depend()"]
  485177ad_539e_577c_6503_821a3b761eff["Dep"]
  127eb37f_bb82_724e_10d1_24e519f60aab -->|defined in| 485177ad_539e_577c_6503_821a3b761eff
  772e5b8f_95bc_3463_fed7_f1034ba985e1["defineReactive()"]
  772e5b8f_95bc_3463_fed7_f1034ba985e1 -->|calls| 127eb37f_bb82_724e_10d1_24e519f60aab
  c8c14096_b675_5d42_1539_14ab0cdbaa99["dependArray()"]
  c8c14096_b675_5d42_1539_14ab0cdbaa99 -->|calls| 127eb37f_bb82_724e_10d1_24e519f60aab
  4fb245e9_ef0c_c389_c113_747330caa63e["depend()"]
  4fb245e9_ef0c_c389_c113_747330caa63e -->|calls| 127eb37f_bb82_724e_10d1_24e519f60aab
  style 127eb37f_bb82_724e_10d1_24e519f60aab 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
        })
      }
    }
  }