addDep() — vue Function Reference

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

Function typescript CoreRuntime ObserverSystem calls 1

Entity Profile

CoreRuntime→ ObserverSystem→ addDep() — vue Function Reference

Dependency Diagram

graph TD
  f805d2e4_a8a7_92e5_a28a_dee5d524a416["addDep()"]
  247d5ee1_24dd_37b3_36e4_32e187a4aa0b["addSub()"]
  f805d2e4_a8a7_92e5_a28a_dee5d524a416 -->|calls| 247d5ee1_24dd_37b3_36e4_32e187a4aa0b
  style f805d2e4_a8a7_92e5_a28a_dee5d524a416 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)
      }
    }
  }