当组件之间的跨度比较大时,用父子孙之间的通信需要层层传递,不优雅,也不方便传值和更新。
此方法适用于父子组件之间、爷孙组件之间的通信且高效。
父组件:
孙组件:
此处本组件触发点击事件后,count的数据会增加,爷组件中的响应式数据state也会发生改变,也会跟着增加。
子组件:
父组件:
另外,父组件中如果爷添加点击事件触发改变state.count,那么子孙组件中通过inject接收的响应式数据count也会跟着自减。
以上就是组件之间通过provide、inject的方式通信,是不是很方便。