update() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 2 called by 1

Entity Profile

CoreInstance→ Reactivity→ update() — vue Function Reference

Dependency Diagram

graph TD
  59e4bdf1_7b9a_0d0a_248e_ef175bec51af["update()"]
  c645c33d_8908_2339_67bb_0680e222abf8["lifecycleMixin()"]
  c645c33d_8908_2339_67bb_0680e222abf8 -->|calls| 59e4bdf1_7b9a_0d0a_248e_ef175bec51af
  df67762e_53ee_05bf_1358_c48dd0fc8f8d["run()"]
  59e4bdf1_7b9a_0d0a_248e_ef175bec51af -->|calls| df67762e_53ee_05bf_1358_c48dd0fc8f8d
  a5f84bab_9034_ce7b_6911_25c506039541["queueWatcher()"]
  59e4bdf1_7b9a_0d0a_248e_ef175bec51af -->|calls| a5f84bab_9034_ce7b_6911_25c506039541
  style 59e4bdf1_7b9a_0d0a_248e_ef175bec51af 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)
    }
  }