vue2组件通信之$parent/$root

兄弟组件之间通信可通过共同祖辈搭桥,$parent或$root

组件A监听数据

this.$parent.$on('foo',msg=>{

console.log(msg)

})

this.$root.$on('foo',msg=>{

console.log(msg)

})


组件B传递数据

this.$parent.$emit('foo','传输数据')

this.$root.$emit('foo',传输数据)

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

推荐阅读更多精彩内容

  • 丨 props 父组件向子组件传递值和方法,不能修改父组件的数据,会报错,如果要对值进行修改需要用到.sync进行...
    墨浮云阅读 277评论 0 2
  • Vue组件通信的几种方式【转】 组件通信主要有以下几种方式:props,$emit和$on,vuex,$attrs...
    彩云_789d阅读 1,198评论 0 0
  • 前言 在工作中经常会用到Vue,包括也会用到很多重要的点例如组件化等等,现在也想对于之前的应用和学习做一个小小的总...
    羊驼驼驼驼阅读 455评论 0 2
  • 前言 Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧; ...
    阿_军阅读 1,479评论 0 1
  • Vue2.0 传值方式: 在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取...
    陀飞轮h阅读 408评论 0 0