Lzh on GitHub

扩展了 inject,增加了在 同一组件 中调用 provideLocal 来提供值的能力。

使用

<script setup>
  import { injectLocal, provideLocal } from '@vueuse/core'

  provideLocal('MyInjectionKey', 1)
  const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
</script>
若在组件内尝试原生 provide 后立即 inject,会因未注入父链而失败;而 injectLocal 可直接捕获同级值。

类型声明

/**
 * 在 inject 的基础上,允许在同一个组件中调用 provide 之后直接调用 inject 来获取值。
 *
 * @example
 * ```ts
 * injectLocal('MyInjectionKey', 1)
 * const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
 * ```
*/
export declare const injectLocal: typeof inject