组件间通信

Vue框架中各种通信方式

祖先向后代通信

1.props

props

2.组件向路由组件传参

路由组件传参

---

后代向祖先通信

1.祖先通过props传递函数引用

props

2.v-model双向绑定props中父组件传递的对象(不推荐)

v-model修改祖先组件通过props属性传递过来的数据

3.子组件向父组件通信

组件自定义事件

4.作用域插槽

作用域插槽

---

组件间相互通信

1.全局事件总线

全局事件总线

2.消息订阅与发布

消息订阅与发布

3.Vuex

Vuex

4.provide与inject

provide与inject函数: 实现组件向后代通信

祖先组件可通过provide向后代组件传递函数，后代组件调用函数，实现后代向祖先传递数据