addDep() — vue Function Reference

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

Function typescript CoreInstance VDOM calls 1

Entity Profile

CoreInstance→ VDOM→ addDep() — vue Function Reference

Dependency Diagram

graph TD
  3ad5c5e7_d072_acbc_d6d3_7b4ec7895c8d["addDep()"]
  82bd67dd_c02f_51ad_6ec9_4a93b63d7480["addSub()"]
  3ad5c5e7_d072_acbc_d6d3_7b4ec7895c8d -->|calls| 82bd67dd_c02f_51ad_6ec9_4a93b63d7480
  style 3ad5c5e7_d072_acbc_d6d3_7b4ec7895c8d 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)
      }
    }
  }