Skip to content

provideLocal

Category
Export Size
Last Changed
2 months ago

Extended provide with ability to call injectLocal to obtain the value in the same component.

Usage

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

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

Type Declarations

typescript
/**
 * 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 const provideLocal: typeof provide

Source

SourceDocs

Contributors

ZHAO Jin-Xiang

Changelog

v10.5.0 on 10/7/2023
cf757 - fix: vue 2 support for provideLocal and injectLocal (#3464)
5d948 - feat(createInjectionState): allow provide and inject in same component (#3387)

Released under the MIT License.