notify() — vue Function Reference

Architecture documentation for the notify() function in dep.ts from the vue codebase.

Function typescript CoreRuntime Observer called by 3

Entity Profile

CoreRuntime→ Observer→ notify() — vue Function Reference

Dependency Diagram

graph TD
  399dccff_c2d5_9afe_7a83_39f1cdff28f7["notify()"]
  485177ad_539e_577c_6503_821a3b761eff["Dep"]
  399dccff_c2d5_9afe_7a83_39f1cdff28f7 -->|defined in| 485177ad_539e_577c_6503_821a3b761eff
  772e5b8f_95bc_3463_fed7_f1034ba985e1["defineReactive()"]
  772e5b8f_95bc_3463_fed7_f1034ba985e1 -->|calls| 399dccff_c2d5_9afe_7a83_39f1cdff28f7
  30a55d4c_1b7d_ce16_2a1e_1bfee103e294["set()"]
  30a55d4c_1b7d_ce16_2a1e_1bfee103e294 -->|calls| 399dccff_c2d5_9afe_7a83_39f1cdff28f7
  1e8dd21f_c506_2ce7_ecf3_262154cc2d3f["del()"]
  1e8dd21f_c506_2ce7_ecf3_262154cc2d3f -->|calls| 399dccff_c2d5_9afe_7a83_39f1cdff28f7
  style 399dccff_c2d5_9afe_7a83_39f1cdff28f7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/dep.ts lines 71–91

  notify(info?: DebuggerEventExtraInfo) {
    // stabilize the subscriber list first
    const subs = this.subs.filter(s => s) as DepTarget[]
    if (__DEV__ && !config.async) {
      // subs aren't sorted in scheduler if not running async
      // we need to sort them now to make sure they fire in correct
      // order
      subs.sort((a, b) => a.id - b.id)
    }
    for (let i = 0, l = subs.length; i < l; i++) {
      const sub = subs[i]
      if (__DEV__ && info) {
        sub.onTrigger &&
          sub.onTrigger({
            effect: subs[i],
            ...info
          })
      }
      sub.update()
    }
  }