Vue 3 的依赖注入 provide / inject 用法
<script setup lang="ts">
import { provide, ref } from 'vue';
const theme = ref('dark');
// 提供 'theme' 变量
provide('themeKey', theme);
</script>
<template>
<!-- 子组件中可以注入并使用 'theme' 变量 -->
</template>在这个例子中，我们创建了一个名为 theme 的响应式变量，并使用 provide 函数将其作为 themeKey 提供给子组件。在子组件中，我们可以使用 inject 函数来接收并使用这个变量。这种方式可以实现跨组件的状态管理和传递，特别适用于大型应用的状态管理。
评论已关闭