get() — vue Function Reference

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

Function typescript VueCore Observer calls 4 called by 4

Entity Profile

VueCore→ Observer→ get() — vue Function Reference

Dependency Diagram

graph TD
  9af667fb_20e8_0763_f10d_d63da0255ba8["get()"]
  6447431e_6924_8ca8_071d_44b55ba081b1["Watcher"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|defined in| 6447431e_6924_8ca8_071d_44b55ba081b1
  a722da6d_3b55_7364_ef37_4ef6a7eeebfe["constructor()"]
  a722da6d_3b55_7364_ef37_4ef6a7eeebfe -->|calls| 9af667fb_20e8_0763_f10d_d63da0255ba8
  71876f35_b702_de2d_a393_99f72b820099["run()"]
  71876f35_b702_de2d_a393_99f72b820099 -->|calls| 9af667fb_20e8_0763_f10d_d63da0255ba8
  b14c934a_c745_b1c9_851b_632eb5aa48a6["evaluate()"]
  b14c934a_c745_b1c9_851b_632eb5aa48a6 -->|calls| 9af667fb_20e8_0763_f10d_d63da0255ba8
  bfa86000_56fb_9b0f_e681_81fbf55feaec["doWatch()"]
  bfa86000_56fb_9b0f_e681_81fbf55feaec -->|calls| 9af667fb_20e8_0763_f10d_d63da0255ba8
  55c27de4_ac93_74ee_727e_97a8a8b978d4["cleanupDeps()"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|calls| 55c27de4_ac93_74ee_727e_97a8a8b978d4
  d9fae33f_7845_7289_de16_bee11c7f60e1["pushTarget()"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|calls| d9fae33f_7845_7289_de16_bee11c7f60e1
  1590b3d4_b603_9a95_ff78_1330c383e860["traverse()"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|calls| 1590b3d4_b603_9a95_ff78_1330c383e860
  e4823f37_5db2_5310_aa9c_5b3593b02b07["popTarget()"]
  9af667fb_20e8_0763_f10d_d63da0255ba8 -->|calls| e4823f37_5db2_5310_aa9c_5b3593b02b07
  style 9af667fb_20e8_0763_f10d_d63da0255ba8 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
  }