vue 中的$emit和$on

在我的项目中遇到了，一个页面需要调用另一个页面的一个方法，中途遇到一个坑。
先创建一个用来通信的js文件夹Utils。
然后再项目通信的两个vue文件中引入：import Utils from './util'
一个组件发射： Utils.on('demo', function (code){})
坑就是Utils.$on会多次触发
解决方法1：最好先关闭，再进行监听

Utils.$off('demo')
Utils.$on('demo', function (code){})

解决方法2：
解决办法就是在利用off()

解决使用on会触发两次

function broadcast(componentName, eventName, params) {
this.$children.forEach(child => {
 var name = child.$options.componentName;

 if (name === componentName) {
   child.$emit.apply(child, [eventName].concat(params));
 } else {
   broadcast.apply(child, [componentName, eventName].concat([params]));
 }
});
}
export default {
methods: {
 dispatch(componentName, eventName, params) {
   // 获取vue实例
   var parent = this.$parent || this.$root;
   // undefined
   var name = parent.$options.componentName;
   while (parent && (!name || name !== componentName)) {
     parent = parent.$parent;
     if (parent) {
       name = parent.$options.componentName;
     }
   }
   if (parent) {
     parent.$emit.apply(parent, [eventName].concat(params));
   }
 },
 broadcast(componentName, eventName, params) {
   broadcast.call(this, componentName, eventName, params);
 }
}
};

附上github上Vue作者尤大大关于这问题的解答：
https://github.com/vuejs/vue/issues/3399