addDep() — vue Function Reference

Architecture documentation for the addDep() function in watcher.ts from the vue codebase.

Function typescript CoreRuntime Observer calls 1

Entity Profile

CoreRuntime→ Observer→ addDep() — vue Function Reference

Dependency Diagram

graph TD
  5aef7771_bdc8_a374_cfde_6f534dc3bd40["addDep()"]
  e7f4f452_deed_8a48_b501_c415a06a6251["Watcher"]
  5aef7771_bdc8_a374_cfde_6f534dc3bd40 -->|defined in| e7f4f452_deed_8a48_b501_c415a06a6251
  4129cde1_8b3e_bdac_5d0f_f5cb3925e918["addSub()"]
  5aef7771_bdc8_a374_cfde_6f534dc3bd40 -->|calls| 4129cde1_8b3e_bdac_5d0f_f5cb3925e918
  style 5aef7771_bdc8_a374_cfde_6f534dc3bd40 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/watcher.ts lines 160–169

  addDep(dep: Dep) {
    const id = dep.id
    if (!this.newDepIds.has(id)) {
      this.newDepIds.add(id)
      this.newDeps.push(dep)
      if (!this.depIds.has(id)) {
        dep.addSub(this)
      }
    }
  }