get() — vue Function Reference

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

Function typescript CoreRuntime ObserverSystem calls 4 called by 4

Entity Profile

CoreRuntime→ ObserverSystem→ get() — vue Function Reference

Dependency Diagram

graph TD
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40["get()"]
  3bb87b05_4ddb_5adb_026a_7e9b68e8245c["constructor()"]
  3bb87b05_4ddb_5adb_026a_7e9b68e8245c -->|calls| 2a4676b0_3474_8b6b_8cd5_cc83c702bc40
  eb15026c_5696_e629_0e8f_4bc0a98f7d98["run()"]
  eb15026c_5696_e629_0e8f_4bc0a98f7d98 -->|calls| 2a4676b0_3474_8b6b_8cd5_cc83c702bc40
  d0456733_d7ef_e7d5_e71b_f85674bc99f2["evaluate()"]
  d0456733_d7ef_e7d5_e71b_f85674bc99f2 -->|calls| 2a4676b0_3474_8b6b_8cd5_cc83c702bc40
  880ea200_f528_af26_3f6f_c77fc2f21647["doWatch()"]
  880ea200_f528_af26_3f6f_c77fc2f21647 -->|calls| 2a4676b0_3474_8b6b_8cd5_cc83c702bc40
  51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df["cleanupDeps()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40 -->|calls| 51ccfbf4_b0f4_5e67_95c4_8fb00dbc72df
  0f6ffc11_2e95_459d_b27e_bbd8d5d18e4a["pushTarget()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40 -->|calls| 0f6ffc11_2e95_459d_b27e_bbd8d5d18e4a
  76b5102d_e435_8761_15f1_bd6e6c57d5a3["traverse()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40 -->|calls| 76b5102d_e435_8761_15f1_bd6e6c57d5a3
  a51c7238_0b82_ad88_085b_cd519eb78568["popTarget()"]
  2a4676b0_3474_8b6b_8cd5_cc83c702bc40 -->|calls| a51c7238_0b82_ad88_085b_cd519eb78568
  style 2a4676b0_3474_8b6b_8cd5_cc83c702bc40 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
  }