initInjections() — vue Function Reference

Architecture documentation for the initInjections() function in inject.ts from the vue codebase.

Function typescript CoreInstance VDOM calls 3 called by 1

Entity Profile

CoreInstance→ VDOM→ initInjections() — vue Function Reference

Dependency Diagram

graph TD
  1dadabb5_0ac6_f33d_3f06_a8220ba63554["initInjections()"]
  340c5746_ff29_c74c_9da5_50db2db76e5f["initMixin()"]
  340c5746_ff29_c74c_9da5_50db2db76e5f -->|calls| 1dadabb5_0ac6_f33d_3f06_a8220ba63554
  12260c80_c59d_3746_e188_99161d7cd0ca["resolveInject()"]
  1dadabb5_0ac6_f33d_3f06_a8220ba63554 -->|calls| 12260c80_c59d_3746_e188_99161d7cd0ca
  604e5809_df6d_b3ac_e76f_cf1b5eeb9809["toggleObserving()"]
  1dadabb5_0ac6_f33d_3f06_a8220ba63554 -->|calls| 604e5809_df6d_b3ac_e76f_cf1b5eeb9809
  345b25ad_bb77_07cb_ecf5_8b82f12ddccd["defineReactive()"]
  1dadabb5_0ac6_f33d_3f06_a8220ba63554 -->|calls| 345b25ad_bb77_07cb_ecf5_8b82f12ddccd
  style 1dadabb5_0ac6_f33d_3f06_a8220ba63554 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/inject.ts lines 30–51

export function initInjections(vm: Component) {
  const result = resolveInject(vm.$options.inject, vm)
  if (result) {
    toggleObserving(false)
    Object.keys(result).forEach(key => {
      /* istanbul ignore else */
      if (__DEV__) {
        defineReactive(vm, key, result[key], () => {
          warn(
            `Avoid mutating an injected value directly since the changes will be ` +
              `overwritten whenever the provided component re-renders. ` +
              `injection being mutated: "${key}"`,
            vm
          )
        })
      } else {
        defineReactive(vm, key, result[key])
      }
    })
    toggleObserving(true)
  }
}