vue中的provide/inject传值问题

1、provide和inject到底是什么

        关于 vue 中的 provide/inject 这一主题，它可以被看作是一种高级的依赖注入机制，允许跨层级组件实现状态共享，从而提高代码的可维护性和扩展性。

        provide/inject 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。通俗说就是可以用父组件给祖孙组件进行传值，也就是可以隔代传值，不论子组件有多深，只要调用了 inject 那么就可以注入 provider 中的数据，而不是局限于只能从当前父组件的 props 属性来获取数据，这也是 provide/inject 最大的特性。

2、 需要注意的点

 provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。根据官方要求，我们只需要传入对象过去，并且对象是响应式的，定义在 data 或者计算属性里都可以。

3、provide和inject的缺点

 

大家都知道，在项目中通常追求有清晰的数据流向和合理的组件层级关系，以便于调试和维护，然而 provide 和 inject 支持任意层级都能访问的特性，导致数据追踪比较困难，你压根不知道是哪一个层级声明了 provide，或者不知道哪一个层级或若干个层级使用了 inject，后期容易造成比较大的维护成本。因此，provide 和 inject 在常规应用下并不建议使用，vue 更建议使用 vuex 解决。但是在做组件库开发时，不对 vuex 进行依赖，且不知道用户使用环境的情况下可以很好的使用 provide 和 inject。官方也着重说明 provide 和 inject 主要为高阶插件/组件库提供用例，并不推荐直接用于应用程序代码中。