Vue3+Ts子组件调用祖组件方法

Vue3+Ts写法子组件调用祖组件方法

在实际开发过程中，当需要子组件调用祖组件中方法时，应该如何使用？

思路：依赖注入

通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦：

Vue3官方示例

Vue3+Ts写法

祖组件：provide

子组件：inject