vue非父子组件之间的通信
1、创建一个vm.js文件 --保证通信组件是一个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接受广播的数据)
4、Add.vue(发送信息的一边)
导入vm.js
通过管道(NUM)广播
/*通过管道广播计数器的值:this.num*/ vm.$emit(NUM,this.num);