stop() — vue Function Reference

Architecture documentation for the stop() function in effectScope.ts from the vue codebase.

Function typescript VueCore Instance

Entity Profile

VueCore→ Instance→ stop() — vue Function Reference

Dependency Diagram

graph TD
  83caa22f_a753_1666_0e0a_f4a733ccb55f["stop()"]
  15f3b57b_caa4_ff31_579b_0dcb115c7a9f["EffectScope"]
  83caa22f_a753_1666_0e0a_f4a733ccb55f -->|defined in| 15f3b57b_caa4_ff31_579b_0dcb115c7a9f
  style 83caa22f_a753_1666_0e0a_f4a733ccb55f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/reactivity/effectScope.ts lines 79–105

  stop(fromParent?: boolean) {
    if (this.active) {
      let i, l
      for (i = 0, l = this.effects.length; i < l; i++) {
        this.effects[i].teardown()
      }
      for (i = 0, l = this.cleanups.length; i < l; i++) {
        this.cleanups[i]()
      }
      if (this.scopes) {
        for (i = 0, l = this.scopes.length; i < l; i++) {
          this.scopes[i].stop(true)
        }
      }
      // nested scope, dereference from parent to avoid memory leaks
      if (!this.detached && this.parent && !fromParent) {
        // optimized O(1) removal
        const last = this.parent.scopes!.pop()
        if (last && last !== this) {
          this.parent.scopes![this.index!] = last
          last.index = this.index!
        }
      }
      this.parent = undefined
      this.active = false
    }
  }