cleanupDeps() — vue Function Reference

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

Function typescript CoreRuntime Observer calls 2 called by 1

Entity Profile

CoreRuntime→ Observer→ cleanupDeps() — vue Function Reference

Dependency Diagram

graph TD
  5e45cb10_075f_436d_5803_7d7474a26d26["cleanupDeps()"]
  e7f4f452_deed_8a48_b501_c415a06a6251["Watcher"]
  5e45cb10_075f_436d_5803_7d7474a26d26 -->|defined in| e7f4f452_deed_8a48_b501_c415a06a6251
  ad67e7ed_c155_de53_2de2_0458d2c842ef["get()"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|calls| 5e45cb10_075f_436d_5803_7d7474a26d26
  198e3f5b_4bb7_1eb3_c0a6_ea8e51a6335d["cleanupDeps()"]
  5e45cb10_075f_436d_5803_7d7474a26d26 -->|calls| 198e3f5b_4bb7_1eb3_c0a6_ea8e51a6335d
  6dd1ab57_f5b5_94ab_fab6_34852abb2663["removeSub()"]
  5e45cb10_075f_436d_5803_7d7474a26d26 -->|calls| 6dd1ab57_f5b5_94ab_fab6_34852abb2663
  style 5e45cb10_075f_436d_5803_7d7474a26d26 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
  }