非父子组件传值

当两个组件不是父子组件的时候，如何给对方传值？

步骤：1，我们要定义一个Vue实例作为中间媒介，默认在工具函数中定义一个js，并暴露vue实例

           2，新建两个兄弟组件，并在App.vue中被引用

           3，在其中一个组件引用所暴露的vue实例，广播数据-->$emit()；在另一个组件上接收广播的数据-->$on

下面我们来看具体的操作：

在工具函数定义一个js，暴露vue实例：

新建两个组件：

App.js的挂载组件：

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

推荐阅读更多精彩内容