createComputedGetter() — vue Function Reference

Architecture documentation for the createComputedGetter() function in state.ts from the vue codebase.

Function typescript CoreRuntime Instance calls 2 called by 1

Entity Profile

CoreRuntime→ Instance→ createComputedGetter() — vue Function Reference

Dependency Diagram

graph TD
  94a80262_5bce_62f3_1f0f_6faf27d0f66d["createComputedGetter()"]
  910d3a96_5984_cf85_40a3_47933bd75818["state.ts"]
  94a80262_5bce_62f3_1f0f_6faf27d0f66d -->|defined in| 910d3a96_5984_cf85_40a3_47933bd75818
  d78d0fa2_2aba_d914_c67d_4cb1b5a75d62["defineComputed()"]
  d78d0fa2_2aba_d914_c67d_4cb1b5a75d62 -->|calls| 94a80262_5bce_62f3_1f0f_6faf27d0f66d
  0f484864_ebd2_9142_daff_b0e63d1dd58a["evaluate()"]
  94a80262_5bce_62f3_1f0f_6faf27d0f66d -->|calls| 0f484864_ebd2_9142_daff_b0e63d1dd58a
  4fb245e9_ef0c_c389_c113_747330caa63e["depend()"]
  94a80262_5bce_62f3_1f0f_6faf27d0f66d -->|calls| 4fb245e9_ef0c_c389_c113_747330caa63e
  style 94a80262_5bce_62f3_1f0f_6faf27d0f66d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/state.ts lines 256–277

function createComputedGetter(key) {
  return function computedGetter() {
    const watcher = this._computedWatchers && this._computedWatchers[key]
    if (watcher) {
      if (watcher.dirty) {
        watcher.evaluate()
      }
      if (Dep.target) {
        if (__DEV__ && Dep.target.onTrack) {
          Dep.target.onTrack({
            effect: Dep.target,
            target: this,
            type: TrackOpTypes.GET,
            key
          })
        }
        watcher.depend()
      }
      return watcher.value
    }
  }
}