Vue组件共享数据/通信方式

1. 父传子 =>  通过props把父组件的数据传递给子组件

2. 子传父 =>  1. 父组件定义自定义事件和回调函数(接受子组件数据) 2. 通过this.$emit('自定义事件名', data)

3. 跨级多组件 =>  事件总线 =>  Vue.prototype.$eventBus = new Vue()

总结: 组件通信的目的 => 共享数据

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容