Vue.js provide()用法及代码示例

提供一个可以由后代组件注入的值。

类型

function provide<T>(key: InjectionKey<T> | string, value: T): void

细节

provide() 接受两个参数：键，可以是字符串或符号，以及要注入的值。

使用 TypeScript 时，键可以是转换为 InjectionKey 的符号 - Vue 提供的实用程序类型，扩展了 Symbol ，可用于在 provide() 和 inject() 之间同步值类型。

与生命周期钩子注册 API 类似，provide() 必须在组件的 setup() 阶段同步调用。

示例

<script setup>
import { ref, provide } from 'vue'
import { fooSymbol } from './injectionSymbols'

// provide static value
provide('foo', 'bar')

// provide reactive value
const count = ref(0)
provide('count', count)

// provide with Symbol keys
provide(fooSymbol, count)
</script>

相关用法

注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 provide()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。