initInjections() — vue Function Reference

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

Function typescript VueCore Instance calls 3 called by 1

Entity Profile

VueCore→ Instance→ initInjections() — vue Function Reference

Dependency Diagram

graph TD
  45112b4b_136f_4ca4_9b54_39184304d055["initInjections()"]
  2951feab_0890_f54d_27c2_673dc66ea804["inject.ts"]
  45112b4b_136f_4ca4_9b54_39184304d055 -->|defined in| 2951feab_0890_f54d_27c2_673dc66ea804
  27e71f35_12fd_58cc_25d7_c5686da5aaf6["initMixin()"]
  27e71f35_12fd_58cc_25d7_c5686da5aaf6 -->|calls| 45112b4b_136f_4ca4_9b54_39184304d055
  ee505869_7e2d_eb58_154d_d7a4647b89dd["resolveInject()"]
  45112b4b_136f_4ca4_9b54_39184304d055 -->|calls| ee505869_7e2d_eb58_154d_d7a4647b89dd
  c9e94feb_048a_387e_29a1_1567a76d119c["toggleObserving()"]
  45112b4b_136f_4ca4_9b54_39184304d055 -->|calls| c9e94feb_048a_387e_29a1_1567a76d119c
  dea83477_00f1_3c8b_f0a1_584882807d1f["defineReactive()"]
  45112b4b_136f_4ca4_9b54_39184304d055 -->|calls| dea83477_00f1_3c8b_f0a1_584882807d1f
  style 45112b4b_136f_4ca4_9b54_39184304d055 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)
  }
}