码迷,mamicode.com
首页 > 其他好文 > 详细

vue 父子之间通信及非父子之间通信

时间:2018-12-26 14:00:29      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:image   技术分享   vue   data   log   组件   imp   ons   info   

技术分享图片

技术分享图片

直接看图说话

import Vue from ‘vue‘;
import VueBus from ‘vue-bus‘;
Vue.use(VueBus);

这是子组件要发到父组件的写法

组件一

 this.$bus.emit(‘add-todo‘,‘这里是发送的数据‘);

组件二

created(){
  this.$on(‘add-todo‘,(data)=>{
    console.log(data,‘接收到的数据‘)
  })
}

 

vue 父子之间通信及非父子之间通信

标签:image   技术分享   vue   data   log   组件   imp   ons   info   

原文地址:https://www.cnblogs.com/wgy0528/p/10178667.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!