provideLocal

分类

状态

导出大小

226 B

上次更改

上个月

扩展了 provide，使其能够在同一个组件中调用 injectLocal 来获取值。

用法

vue

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

provideLocal
('MyInjectionKey', 1)
const injectedValue
 = injectLocal
('MyInjectionKey') // injectedValue === 1
</script>

类型声明

export type ProvideLocalReturn
 = void
/**
 * On the basis of `provide`, it is allowed to directly call inject to obtain the value after call provide in the same component.
 *
 * @example
 * ```ts
 * provideLocal('MyInjectionKey', 1)
 * const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
 * ```
 */
export declare function provideLocal
<T
, K
 = LocalProvidedKey
<T
>>(
  key
: K
,
  value
: K
 extends InjectionKey
<infer V
> ? V
 : T
,
): ProvideLocalReturn