vue3父子组件、跨级组件之间的通信之provide, inject -- 通俗易懂

当组件之间的跨度比较大时，用父子孙之间的通信需要层层传递，不优雅，也不方便传值和更新。

此方法适用于父子组件之间、爷孙组件之间的通信且高效。

父组件：

孙组件：

 

 此处本组件触发点击事件后，count的数据会增加，爷组件中的响应式数据state也会发生改变，也会跟着增加。

子组件：

父组件：

另外，父组件中如果爷添加点击事件触发改变state.count，那么子孙组件中通过inject接收的响应式数据count也会跟着自减。

 

 以上就是组件之间通过provide、inject的方式通信，是不是很方便。