Vue3中如何使用ProvideInject实现组件间长距离依赖注入？

本文共计543个文字，预计阅读时间需要3分钟。

使用`Provide`和`Inject`，当我们需要从父组件向子组件传递数据时，我们利用props。例如，以下是一种结构设想：存在一些深度嵌套的组件，而深层子组件只需要父组件的部分内容。

Provide / Inject

通常，当我们需要从父组件向子组件传递数据时，我们使用props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。

官网的解释很让人疑惑，那我翻译下这几句话：

provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用 inject 来接收 provide提供的数据或方法。