injectLocal
扩展了 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