provideLocal

类别

State

导出体积

227 B

上次更改

5 days ago

扩展了 provide 方法，使其能够通过调用 injectLocal 在同一组件中获取值。

用法

vue

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

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

类型声明

typescript

export type ProvideLocalReturn = void
/**
 * 在 `provide` 的基础上，允许在同一组件中直接调用 `inject` 来获取值。
 *
 * @example
 * ```ts
 * provideLocal('MyInjectionKey', 1)
 * const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
 * ```
 */
export declare function provideLocal<T, K = InjectionKey<T> | string | number>(
  key: K,
  value: K extends InjectionKey<infer V> ? V : T,
): ProvideLocalReturn