1、创建一个vm.js文件   --保证通信组件是一个vue对象

vue非父子组件之间的通信


2、vm.js的内容

/**
 * Created by Administrator on 2018/3/20.
 */
import Vue from 'vue';


/*定义一个常量*/
export const NUM='num';
/*公共的vue对象   --所有导入的组件为同一个vue*/
export var vm=new Vue();



3、APP.vue(接受信息的一边)

通过管道(NUM接受广播的数据)

vue非父子组件之间的通信


4、Add.vue(发送信息的一边)

导入vm.js

vue非父子组件之间的通信

通过管道(NUM)广播

/*通过管道广播计数器的值:this.num*/
 vm.$emit(NUM,this.num);


相关文章:

  • 2021-10-14
  • 2022-02-26
  • 2022-12-23
  • 2018-09-28
  • 2021-06-25
  • 2022-12-23
  • 2021-05-19
猜你喜欢
  • 2021-05-27
  • 2021-06-26
  • 2021-07-03
  • 2021-04-16
  • 2021-11-08
  • 2022-01-21
相关资源
相似解决方案