vue3 InjectionKey怎么使用

Vue 3 中的 `InjectionKey` 是用于提供和注入依赖项的一种方式。它可以用于解决组件之间共享数据或者依赖项的问题。下面是使用 `InjectionKey` 的示例：

首先，创建一个 `InjectionKey`，例如：

// MyPlugin.js
import { InjectionKey } from 'vue';

export const myPluginKey = Symbol('myPlugin');

export const myPlugin = {
  install(app, options) {
    // ...
    // 在这里注册你的插件
    // ...
    
    // 注册一个全局的 InjectionKey
    app.provide(myPluginKey, {
      // 这里是你提供的数据或者依赖项
    });
  }
}

在上面的示例中，我们创建了一个 `myPluginKey` 的 `InjectionKey`，并在 `install` 方法中通过 `app.provide` 将数据或者依赖项提供给全局范围内的组件。

接下来，在你需要使用提供的数据或者依赖项的组件中，可以通过 `inject` 方法来获取：

// MyComponent.vue
import { inject } from 'vue';
import { myPluginKey } from './MyPlugin';

export default {
  setup() {
    const myPlugin = inject(myPluginKey);
    // 在这里使用 myPlugin 中提供的数据或者依赖项
    return {
      // ...
    }
  }
}

在上面的示例中，我们通过 `inject` 方法从 `myPluginKey` 中获取到提供的数据或者依赖项，并在组件中使用。需要注意的是，`inject` 方法会自动解决依赖项的嵌套关系，所以你可以在任何组件中使用它。

希望这个简单的示例能够帮助你理解 `InjectionKey` 的使用方法。