- vue 和 react 组件间通信方法对比
通信路径 | vue的方法 | react的方法 |
---|---|---|
父组件 => 子组件 | props(推荐)、this.$refs、this.$children | props |
子组件 => 父组件 | 自定义事件($emit、$on)(推荐)、this.$parent | 回调函数(推荐) |
非父子组件(兄弟组件、跨级组件) | bus | 高阶组件(推荐)、自定义事件、context |
通信路径 | vue的方法 | react的方法 |
---|---|---|
父组件 => 子组件 | props(推荐)、this.$refs、this.$children | props |
子组件 => 父组件 | 自定义事件($emit、$on)(推荐)、this.$parent | 回调函数(推荐) |
非父子组件(兄弟组件、跨级组件) | bus | 高阶组件(推荐)、自定义事件、context |