inject()

注入由祖先组件或应用程序提供的值（通过app.provide()）。

类型

// without default value
function inject(key: InjectionKey | string): T | undefined

// with default value
function inject(key: InjectionKey | string, defaultValue: T): T

// with factory
function inject(
  key: InjectionKey | string,
  defaultValue: () => T,
  treatDefaultAsFactory: true
): T

细节

第一个参数是注入密钥。Vue 将沿着父链查找具有匹配键的提供值。如果父链中的多个组件提供相同的密钥，则最接近注入组件的一个将“遮蔽”链上更高的那些。如果没有找到具有匹配键的值，则inject()返回undefined，除非提供了默认值。

第二个参数是可选的，是在没有找到匹配值时使用的默认值。它也可以是一个工厂函数来返回创建成本高的值。如果默认值是一个函数，则false必须作为第三个参数传递，以指示该函数应该用作值而不是工厂。

与生命周期挂钩注册 API 类似，inject()必须在组件setup()阶段同步调用。

使用 TypeScript 时，键的类型可以是InjectionKey。Vue 提供的扩展实用程序类型，Symbol()可用于在provide()和之间同步值类型inject()。

例子

假设父组件已提供如上provide()例所示的值：

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com