get() — vue Function Reference

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

Function typescript CoreRuntime Observer calls 4 called by 4

Entity Profile

CoreRuntime→ Observer→ get() — vue Function Reference

Dependency Diagram

graph TD
  ad67e7ed_c155_de53_2de2_0458d2c842ef["get()"]
  e7f4f452_deed_8a48_b501_c415a06a6251["Watcher"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|defined in| e7f4f452_deed_8a48_b501_c415a06a6251
  8603c200_e0a7_36c4_e293_fa045d31fa46["constructor()"]
  8603c200_e0a7_36c4_e293_fa045d31fa46 -->|calls| ad67e7ed_c155_de53_2de2_0458d2c842ef
  a4fba0c0_c91e_f56f_3c69_5a18514bb8e1["run()"]
  a4fba0c0_c91e_f56f_3c69_5a18514bb8e1 -->|calls| ad67e7ed_c155_de53_2de2_0458d2c842ef
  0f484864_ebd2_9142_daff_b0e63d1dd58a["evaluate()"]
  0f484864_ebd2_9142_daff_b0e63d1dd58a -->|calls| ad67e7ed_c155_de53_2de2_0458d2c842ef
  1b10e00d_02e6_305e_b4ad_0e11475c3139["doWatch()"]
  1b10e00d_02e6_305e_b4ad_0e11475c3139 -->|calls| ad67e7ed_c155_de53_2de2_0458d2c842ef
  5e45cb10_075f_436d_5803_7d7474a26d26["cleanupDeps()"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|calls| 5e45cb10_075f_436d_5803_7d7474a26d26
  46145e02_0be2_a179_3c66_d786e8df82f3["pushTarget()"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|calls| 46145e02_0be2_a179_3c66_d786e8df82f3
  4b47a246_a6fe_7a21_1238_3f5ce49d861f["traverse()"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|calls| 4b47a246_a6fe_7a21_1238_3f5ce49d861f
  f641f94c_5096_9084_3285_10f3d148c139["popTarget()"]
  ad67e7ed_c155_de53_2de2_0458d2c842ef -->|calls| f641f94c_5096_9084_3285_10f3d148c139
  style ad67e7ed_c155_de53_2de2_0458d2c842ef fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/watcher.ts lines 133–155

  get() {
    pushTarget(this)
    let value
    const vm = this.vm
    try {
      value = this.getter.call(vm, vm)
    } catch (e: any) {
      if (this.user) {
        handleError(e, vm, `getter for watcher "${this.expression}"`)
      } else {
        throw e
      }
    } finally {
      // "touch" every property so they are all tracked as
      // dependencies for deep watching
      if (this.deep) {
        traverse(value)
      }
      popTarget()
      this.cleanupDeps()
    }
    return value
  }