vue3 inject 注入多个值

在 Vue 3 中，`inject` 是 Composition API 中一种用于在组件之间共享数据的功能。如果你想要在一个组件里注入多个值，例如从父组件接收服务、状态或者其他配置项，你可以这样做：

// 父组件（提供数据）
const app = {
  provide: {
    serviceA: someServiceA,
    config: someConfigObject
  }
}

// 子组件（注入数据）
export default {
  setup() {
    const { serviceA, config } = inject(['serviceA', 'config']); // 注入多个值

    // 使用注入的数据
    console.log(serviceA);
    console.log(config);

    return {};
  }
}

在这里，`provide` 方法在父组件中声明要提供的对象，子组件通过 `inject` 函数并传入需要注入属性名的数组来获取它们。这样，每个需要共享的值都会自动映射到对应的变量上。