get() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 4 called by 4

Entity Profile

CoreInstance→ Reactivity→ get() — vue Function Reference

Dependency Diagram

graph TD
  c595e491_455c_5f96_1a90_ed59c627158b["get()"]
  0945be9b_4168_fadf_756e_db366ae055ba["constructor()"]
  0945be9b_4168_fadf_756e_db366ae055ba -->|calls| c595e491_455c_5f96_1a90_ed59c627158b
  df67762e_53ee_05bf_1358_c48dd0fc8f8d["run()"]
  df67762e_53ee_05bf_1358_c48dd0fc8f8d -->|calls| c595e491_455c_5f96_1a90_ed59c627158b
  86936286_63e2_eb4f_1b26_6a4b4026b810["evaluate()"]
  86936286_63e2_eb4f_1b26_6a4b4026b810 -->|calls| c595e491_455c_5f96_1a90_ed59c627158b
  b2856354_51ef_6ef1_ec4b_ae2e72186601["doWatch()"]
  b2856354_51ef_6ef1_ec4b_ae2e72186601 -->|calls| c595e491_455c_5f96_1a90_ed59c627158b
  f38f69bd_ced9_dfe2_9765_93fb59cbed89["cleanupDeps()"]
  c595e491_455c_5f96_1a90_ed59c627158b -->|calls| f38f69bd_ced9_dfe2_9765_93fb59cbed89
  4a87a208_8bf5_28ff_be4d_8df11d928f69["pushTarget()"]
  c595e491_455c_5f96_1a90_ed59c627158b -->|calls| 4a87a208_8bf5_28ff_be4d_8df11d928f69
  a1748d17_4487_c7f1_cd6f_4b967a12f725["traverse()"]
  c595e491_455c_5f96_1a90_ed59c627158b -->|calls| a1748d17_4487_c7f1_cd6f_4b967a12f725
  f933dbd4_cb05_cc5c_162b_7ab5e35d316d["popTarget()"]
  c595e491_455c_5f96_1a90_ed59c627158b -->|calls| f933dbd4_cb05_cc5c_162b_7ab5e35d316d
  style c595e491_455c_5f96_1a90_ed59c627158b 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
  }