initData() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 3 called by 1

Entity Profile

CoreRuntime→ InstanceState→ initData() — vue Function Reference

Dependency Diagram

graph TD
  d31fad70_4d19_ce2b_d907_4d8be6615062["initData()"]
  a45b86d7_95dc_3c82_51a7_1bc8c4d23289["initState()"]
  a45b86d7_95dc_3c82_51a7_1bc8c4d23289 -->|calls| d31fad70_4d19_ce2b_d907_4d8be6615062
  a9af8dc0_58c2_6c69_73ea_1d6a094a7054["getData()"]
  d31fad70_4d19_ce2b_d907_4d8be6615062 -->|calls| a9af8dc0_58c2_6c69_73ea_1d6a094a7054
  b28f2cc5_e9df_82f7_d7e9_a1e5617cf102["proxy()"]
  d31fad70_4d19_ce2b_d907_4d8be6615062 -->|calls| b28f2cc5_e9df_82f7_d7e9_a1e5617cf102
  8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20["observe()"]
  d31fad70_4d19_ce2b_d907_4d8be6615062 -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  style d31fad70_4d19_ce2b_d907_4d8be6615062 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++
}