vue依赖注入原理

vue依赖注入原理？

允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深（这也是使用$parent不好实现的地方），并在起上下游关系成立的时间里始终生效。

不用再关心dom层级，只要在祖先组件内部就可以一直使用祖先组件提供的provide
provide 选项允许我们指定我们想要提供给后代组件的数据/方法。

然后在任何后代组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：

祖先组件不需要知道哪些后代组件使用它提供的属性
后代组件不需要知道被注入的属性来自哪里

provide/inject 是解决组件之间的通信问题的利器，不受层级结构的限制，但并不是响应式的。

Vue的依赖注入是一种在组件层级中进行信息传递的机制。
在组件渲染的过程中，父组件会在下方插入子组件，子组件渲染完成之后，其内部可能需要依赖于父组件的数据或方法，此时，就可以通过依赖注入将这些依赖传递到子组件中。
Vue的依赖注入基于Provide和Inject两个API。
Provide会在组件实例被创建后调用，并返回一个对象，Inject会在组件创建之前调用，会将父组件中Provide提供的数据注入到子组件中。
总之，Vue的依赖注入原理可以简单概括为：Provide提供数据，Inject注入数据。