cleanupDeps() — vue Function Reference

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

Function typescript VueCore Observer calls 2 called by 1

Entity Profile

VueCore→ Observer→ cleanupDeps() — vue Function Reference

Dependency Diagram

graph TD
  55c27de4_ac93_74ee_727e_97a8a8b978d4["cleanupDeps()"]
  6447431e_6924_8ca8_071d_44b55ba081b1["Watcher"]
  55c27de4_ac93_74ee_727e_97a8a8b978d4 -->|defined in| 6447431e_6924_8ca8_071d_44b55ba081b1
  9af667fb_20e8_0763_f10d_d63da0255ba8["get()"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|calls| 55c27de4_ac93_74ee_727e_97a8a8b978d4
  e284d477_da35_6b60_95cf_55ca5a80225b["cleanupDeps()"]
  55c27de4_ac93_74ee_727e_97a8a8b978d4 -->|calls| e284d477_da35_6b60_95cf_55ca5a80225b
  e0646fc5_8798_3487_e9e9_047d883eae08["removeSub()"]
  55c27de4_ac93_74ee_727e_97a8a8b978d4 -->|calls| e0646fc5_8798_3487_e9e9_047d883eae08
  style 55c27de4_ac93_74ee_727e_97a8a8b978d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/watcher.ts lines 174–190

  cleanupDeps() {
    let i = this.deps.length
    while (i--) {
      const dep = this.deps[i]
      if (!this.newDepIds.has(dep.id)) {
        dep.removeSub(this)
      }
    }
    let tmp: any = this.depIds
    this.depIds = this.newDepIds
    this.newDepIds = tmp
    this.newDepIds.clear()
    tmp = this.deps
    this.deps = this.newDeps
    this.newDeps = tmp
    this.newDeps.length = 0
  }