teardown() — vue Function Reference

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

Function typescript CoreRuntime ObserverSystem calls 1 called by 3

Entity Profile

CoreRuntime→ ObserverSystem→ teardown() — vue Function Reference

Dependency Diagram

graph TD
  548462f9_f5ae_6335_80f2_a5f5b9fdf922["teardown()"]
  dfb98f6e_f77e_f8b1_4779_1235de201c9b["stateMixin()"]
  dfb98f6e_f77e_f8b1_4779_1235de201c9b -->|calls| 548462f9_f5ae_6335_80f2_a5f5b9fdf922
  880ea200_f528_af26_3f6f_c77fc2f21647["doWatch()"]
  880ea200_f528_af26_3f6f_c77fc2f21647 -->|calls| 548462f9_f5ae_6335_80f2_a5f5b9fdf922
  4a222c5c_d85c_6c90_508b_adee198fde38["stop()"]
  4a222c5c_d85c_6c90_508b_adee198fde38 -->|calls| 548462f9_f5ae_6335_80f2_a5f5b9fdf922
  71412ba4_532f_1375_76d1_d590f5ac440b["removeSub()"]
  548462f9_f5ae_6335_80f2_a5f5b9fdf922 -->|calls| 71412ba4_532f_1375_76d1_d590f5ac440b
  style 548462f9_f5ae_6335_80f2_a5f5b9fdf922 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/watcher.ts lines 263–277

  teardown() {
    if (this.vm && !this.vm._isBeingDestroyed) {
      remove(this.vm._scope.effects, this)
    }
    if (this.active) {
      let i = this.deps.length
      while (i--) {
        this.deps[i].removeSub(this)
      }
      this.active = false
      if (this.onStop) {
        this.onStop()
      }
    }
  }