- vue 和 react 组件间通信方法对比:
通信路径 | vue的方法 | react的方法 |
父组件 => 子组件 | props(推荐)、slot(推荐)、this.$refs、this.$children | props、this.refs |
子组件 => 父组件 | 自定义事件($emit、$on)(推荐)、 | 回调函数(推荐) |
非父子组件(兄弟组件、跨级组件) | bus、全局Mixin、状态管理 | 高阶组件(推荐)、自定义事件、context、状态管理 |
- github 例子地址(Vue 项目中,组件之间的通信详解):https://github.com/cag2050/communication_between_components_in_vue