cleanupDeps() — vue Function Reference

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

Function typescript CoreRuntime ObserverSystem calls 2 called by 1

Entity Profile

CoreRuntime→ ObserverSystem→ cleanupDeps() — vue Function Reference

Dependency Diagram

graph TD
  51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df["cleanupDeps()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40["get()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40 -->|calls| 51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df
  6718cf56_a4af_5db8_36ad_7b7fa60c0584["cleanupDeps()"]
  51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df -->|calls| 6718cf56_a4af_5db8_36ad_7b7fa60c0584
  71412ba4_532f_1375_76d1_d590f5ac440b["removeSub()"]
  51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df -->|calls| 71412ba4_532f_1375_76d1_d590f5ac440b
  style 51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df 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
  }