provideLocal

类别

State

导出体积

248 B

上次更改

5 months ago

扩展了 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
/**
 * 在 `provide` 的基础上，允许在同一组件中直接调用 `inject` 来获取值。
 *
 * @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