第 42 题：vue的8种通信机制

[ravencrown]

vue 的8中通信方式

1. props / $emit
2. $children / $parent
3. provide/ inject：provide/ inject 是vue2.2.0新增的api, 简单来说就是父组件中通过provide来提供变量, 然后再子组件中通过inject来注入变量。
4. ref / refs
5. Vuex
6. $attrs与 $listeners
7. localStorage / sessionStorage
8. eventBus

总结

常见使用场景可以分为三类:

• 父子组件通信: props; $parent / $children; provide / inject ; ref ; $attrs / $listeners
• 兄弟组件通信: eventBus ; vuex
• 跨级通信: eventBus；Vuex；provide / inject 、$attrs / $listeners

参考链接

• vue中8种组件通信方式, 值得收藏!
• Vue组件如何通信？