vue组件通信方式 provide-inject

Vue提供了一种无需父组件显式传递 props 就能子组件之间共享数据的机制，即provide和inject选项。祖先组件通过provide选项来提供变量，而后代组件则通过inject选项来接收这些变量。这种方法主要用来提供一些通用的数据，如主题、配置信息等，而不需要每个子组件都声明一遍。
优点
解耦性强：provide/inject允许祖先组件向后代组件传递数据，而不需要显式声明props，减少组件间的紧密耦合。
灵活性：可以提供响应式的数据，也可以提供非响应式的数据。
可维护性：当需要向多个子组件提供数据时，使用provide/inject可以减少代码量，使得代码更易于维护。
缺点
类型检查困难：由于inject接收的数据没有类型限制，因此在不严格的类型检查情况下，开发者可能难以追踪和调试由于数据类型不匹配造成的错误。
调试困难：当祖先组件更改提供的内容时，后代组件可能难以追踪和调试这些变化。
性能开销：如果祖先组件和后代组件之间隔了多层，那么provide/inject可能会造成不必要的性能开销。