getData() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 2 called by 1

Entity Profile

CoreInstance→ Reactivity→ getData() — vue Function Reference

Dependency Diagram

graph TD
  4a217f96_6206_e5df_d58a_163a7fa28307["getData()"]
  a06d5e75_873a_9e84_3260_353c9ffb6493["initData()"]
  a06d5e75_873a_9e84_3260_353c9ffb6493 -->|calls| 4a217f96_6206_e5df_d58a_163a7fa28307
  4a87a208_8bf5_28ff_be4d_8df11d928f69["pushTarget()"]
  4a217f96_6206_e5df_d58a_163a7fa28307 -->|calls| 4a87a208_8bf5_28ff_be4d_8df11d928f69
  f933dbd4_cb05_cc5c_162b_7ab5e35d316d["popTarget()"]
  4a217f96_6206_e5df_d58a_163a7fa28307 -->|calls| f933dbd4_cb05_cc5c_162b_7ab5e35d316d
  style 4a217f96_6206_e5df_d58a_163a7fa28307 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/state.ts lines 168–179

export function getData(data: Function, vm: Component): any {
  // #7573 disable dep collection when invoking data getters
  pushTarget()
  try {
    return data.call(vm, vm)
  } catch (e: any) {
    handleError(e, vm, `data()`)
    return {}
  } finally {
    popTarget()
  }
}