initInjections() — vue Function Reference

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

Function typescript CoreRuntime Instance calls 3 called by 1

Entity Profile

CoreRuntime→ Instance→ initInjections() — vue Function Reference

Dependency Diagram

graph TD
  3204874f_4db2_0342_a8fc_5a37bc2a2832["initInjections()"]
  4ac7e661_4a8f_08cb_4f7e_e4704e6ee6bd["inject.ts"]
  3204874f_4db2_0342_a8fc_5a37bc2a2832 -->|defined in| 4ac7e661_4a8f_08cb_4f7e_e4704e6ee6bd
  7cb38e61_0473_03dc_2a46_4308c941e8cf["initMixin()"]
  7cb38e61_0473_03dc_2a46_4308c941e8cf -->|calls| 3204874f_4db2_0342_a8fc_5a37bc2a2832
  38a042a8_e008_9381_562a_4c9fe664057e["resolveInject()"]
  3204874f_4db2_0342_a8fc_5a37bc2a2832 -->|calls| 38a042a8_e008_9381_562a_4c9fe664057e
  2bcc88b5_db8a_b047_2abd_7382948898ab["toggleObserving()"]
  3204874f_4db2_0342_a8fc_5a37bc2a2832 -->|calls| 2bcc88b5_db8a_b047_2abd_7382948898ab
  772e5b8f_95bc_3463_fed7_f1034ba985e1["defineReactive()"]
  3204874f_4db2_0342_a8fc_5a37bc2a2832 -->|calls| 772e5b8f_95bc_3463_fed7_f1034ba985e1
  style 3204874f_4db2_0342_a8fc_5a37bc2a2832 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)
  }
}