initData() — vue Function Reference

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

Function typescript VueCore Instance calls 3 called by 1

Entity Profile

VueCore→ Instance→ initData() — vue Function Reference

Dependency Diagram

graph TD
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376["initData()"]
  079339bc_f0ce_0fd0_3d1b_26a2dc073616["state.ts"]
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 -->|defined in| 079339bc_f0ce_0fd0_3d1b_26a2dc073616
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd["initState()"]
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd -->|calls| 7fefa529_2ae1_e1d5_64aa_7ae21a5e9376
  7220694c_c3d7_23d2_029a_df44a4ef7d05["getData()"]
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 -->|calls| 7220694c_c3d7_23d2_029a_df44a4ef7d05
  fad58ec8_df0b_6b38_de80_539f1b7ee0f3["proxy()"]
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 -->|calls| fad58ec8_df0b_6b38_de80_539f1b7ee0f3
  b757abbc_61ef_2454_445e_6bb830e92333["observe()"]
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  style 7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/state.ts lines 128–166

function initData(vm: Component) {
  let data: any = vm.$options.data
  data = vm._data = isFunction(data) ? getData(data, vm) : data || {}
  if (!isPlainObject(data)) {
    data = {}
    __DEV__ &&
      warn(
        'data functions should return an object:\n' +
          'https://v2.vuejs.org/v2/guide/components.html#data-Must-Be-a-Function',
        vm
      )
  }
  // proxy data on instance
  const keys = Object.keys(data)
  const props = vm.$options.props
  const methods = vm.$options.methods
  let i = keys.length
  while (i--) {
    const key = keys[i]
    if (__DEV__) {
      if (methods && hasOwn(methods, key)) {
        warn(`Method "${key}" has already been defined as a data property.`, vm)
      }
    }
    if (props && hasOwn(props, key)) {
      __DEV__ &&
        warn(
          `The data property "${key}" is already declared as a prop. ` +
            `Use prop default value instead.`,
          vm
        )
    } else if (!isReserved(key)) {
      proxy(vm, `_data`, key)
    }
  }
  // observe data
  const ob = observe(data)
  ob && ob.vmCount++
}