createComputedGetter() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 2 called by 1

Entity Profile

CoreRuntime→ InstanceState→ createComputedGetter() — vue Function Reference

Dependency Diagram

graph TD
  5cb8f376_407a_c68e_8832_96939169e9e0["createComputedGetter()"]
  cba9a7a5_cb68_c483_2155_95fbf45613ad["defineComputed()"]
  cba9a7a5_cb68_c483_2155_95fbf45613ad -->|calls| 5cb8f376_407a_c68e_8832_96939169e9e0
  d0456733_d7ef_e7d5_e71b_f85674bc99f2["evaluate()"]
  5cb8f376_407a_c68e_8832_96939169e9e0 -->|calls| d0456733_d7ef_e7d5_e71b_f85674bc99f2
  b6fb2fe6_1e20_8aa7_252b_c7c3e62b0e26["depend()"]
  5cb8f376_407a_c68e_8832_96939169e9e0 -->|calls| b6fb2fe6_1e20_8aa7_252b_c7c3e62b0e26
  style 5cb8f376_407a_c68e_8832_96939169e9e0 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
    }
  }
}