initInjections() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 3 called by 1

Entity Profile

CoreRuntime→ InstanceState→ initInjections() — vue Function Reference

Dependency Diagram

graph TD
  174af5d8_4bd9_7899_1b31_f3a3cb9b77c6["initInjections()"]
  ad112c37_faea_8798_03f1_18e1a6303f0d["initMixin()"]
  ad112c37_faea_8798_03f1_18e1a6303f0d -->|calls| 174af5d8_4bd9_7899_1b31_f3a3cb9b77c6
  ad8ba0ef_7fa6_8283_6f50_d72913808144["resolveInject()"]
  174af5d8_4bd9_7899_1b31_f3a3cb9b77c6 -->|calls| ad8ba0ef_7fa6_8283_6f50_d72913808144
  65e1e423_bb6b_4902_ff2a_5a19cc670a5f["toggleObserving()"]
  174af5d8_4bd9_7899_1b31_f3a3cb9b77c6 -->|calls| 65e1e423_bb6b_4902_ff2a_5a19cc670a5f
  558ee358_0776_b0dd_fc5b_6c8f87e1a04e["defineReactive()"]
  174af5d8_4bd9_7899_1b31_f3a3cb9b77c6 -->|calls| 558ee358_0776_b0dd_fc5b_6c8f87e1a04e
  style 174af5d8_4bd9_7899_1b31_f3a3cb9b77c6 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)
  }
}