update() — vue Function Reference

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

Function typescript VueCore Observer calls 2 called by 1

Entity Profile

VueCore→ Observer→ update() — vue Function Reference

Dependency Diagram

graph TD
  82001dd5_db37_dcc4_2a46_4033717cc6a2["update()"]
  6447431e_6924_8ca8_071d_44b55ba081b1["Watcher"]
  82001dd5_db37_dcc4_2a46_4033717cc6a2 -->|defined in| 6447431e_6924_8ca8_071d_44b55ba081b1
  5ebc50a8_91d4_fca0_61db_b1eb7c6dc6ca["lifecycleMixin()"]
  5ebc50a8_91d4_fca0_61db_b1eb7c6dc6ca -->|calls| 82001dd5_db37_dcc4_2a46_4033717cc6a2
  71876f35_b702_de2d_a393_99f72b820099["run()"]
  82001dd5_db37_dcc4_2a46_4033717cc6a2 -->|calls| 71876f35_b702_de2d_a393_99f72b820099
  b4e0d823_0133_d156_5392_8b2e8367ebd9["queueWatcher()"]
  82001dd5_db37_dcc4_2a46_4033717cc6a2 -->|calls| b4e0d823_0133_d156_5392_8b2e8367ebd9
  style 82001dd5_db37_dcc4_2a46_4033717cc6a2 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)
    }
  }