addDep() — vue Function Reference

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

Function typescript VueCore Observer calls 1

Entity Profile

VueCore→ Observer→ addDep() — vue Function Reference

Dependency Diagram

graph TD
  70bd5aef_e61f_468a_cb62_8d7947947ee9["addDep()"]
  6447431e_6924_8ca8_071d_44b55ba081b1["Watcher"]
  70bd5aef_e61f_468a_cb62_8d7947947ee9 -->|defined in| 6447431e_6924_8ca8_071d_44b55ba081b1
  61024290_1455_7ebc_3d92_6fd32b0f8fa5["addSub()"]
  70bd5aef_e61f_468a_cb62_8d7947947ee9 -->|calls| 61024290_1455_7ebc_3d92_6fd32b0f8fa5
  style 70bd5aef_e61f_468a_cb62_8d7947947ee9 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)
      }
    }
  }