Vue中的依赖注入：provide和inject

在Vue前端开发中，依赖注入是一种常见的设计模式，用于在组件之间共享数据或功能。Vue提供了两个相关的选项，即provide和inject，用于实现依赖注入。

1. provide

provide选项允许父组件向其所有子组件提供数据或方法。通过在父组件中声明provide选项，并将其设置为一个对象，我们可以将任何数据或方法传递给子组件。

下面是一个示例，展示了如何使用provide选项在Vue组件中共享数据：

<template>
  <div>
    <child-component></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  provide: {
    message: 'Hello from parent component',
    greet() {
      console.log('Parent component says hello!');
    }
  }
};
</script>

在上面的示例中，父组件通过pro