非父子组件之间的数据通讯

先建一个通用的bus.js


代码:


import Vue from 'vue'

export default new Vue()

再引入组件中使用

传出数据的组件

Bus.$emit('listenToChildEvent', data)

接收的组件

Bus.$on('listenToChildEvent', data => {})



再复杂点的数据交互管理就用vuex咯。。。。。。现在这些还用不上,记性不好,记录一下^-^

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

推荐阅读更多精彩内容

  • 原地址:vue -- 非父子组件传值,事件总线(eventbus)的使用方式 - 积少成多 - CSDN博客 下面...
    L_b115阅读 629评论 0 0
  • vue的生命周期/钩子函数 对于实现页面逻辑交互等效果,我们必须知晓vue的生命周期,才能愉快的玩耍,知...
    han2019阅读 1,834评论 0 0
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,278评论 1 22
  • 同学们好,今天我们来学习抑殖素对于佐细胞畸变的影响,首先从…… (手机铃声响起) 不好意思,请同学们稍等一下。 吕...
    雨幕流苏阅读 249评论 0 0
  • 感情这种东西,有时是很微乎其微的,有时又十分的强大,但它是脆弱而又敏感的。两个人在一起,最重要的就是相互包容理解,...
    猪猪zjl阅读 170评论 0 0