update() — vue Function Reference

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

Function typescript CoreRuntime ObserverSystem calls 2 called by 1

Entity Profile

CoreRuntime→ ObserverSystem→ update() — vue Function Reference

Dependency Diagram

graph TD
  14b99303_c554_b866_9055_da13a09ced22["update()"]
  1edb3174_323d_290c_a67e_82eeac5c460f["lifecycleMixin()"]
  1edb3174_323d_290c_a67e_82eeac5c460f -->|calls| 14b99303_c554_b866_9055_da13a09ced22
  eb15026c_5696_e629_0e8f_4bc0a98f7d98["run()"]
  14b99303_c554_b866_9055_da13a09ced22 -->|calls| eb15026c_5696_e629_0e8f_4bc0a98f7d98
  ba3e2e94_ad22_f194_419c_8e274feb8fdd["queueWatcher()"]
  14b99303_c554_b866_9055_da13a09ced22 -->|calls| ba3e2e94_ad22_f194_419c_8e274feb8fdd
  style 14b99303_c554_b866_9055_da13a09ced22 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/watcher.ts lines 196–205

  update() {
    /* istanbul ignore else */
    if (this.lazy) {
      this.dirty = true
    } else if (this.sync) {
      this.run()
    } else {
      queueWatcher(this)
    }
  }