vue2 简单说明 $emit $on $off 的使用，防止$on多次触发

介绍

1. $emit：触发当前实例上的事件。附加参数都会传给监听器回调。

2. $on：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。

3. $off：移除自定义事件监听器。

场景

从详情页回到列表页时，把详情页的参数带回到列表页。

也可以说是在列表页监听并接收详情页在该事件的回调。

使用

1. 先在项目中新建一个js文件（eventbus.js），内容为：

import Vue from 'vue'

export default new Vue();

2. 在列表页和详情页都需要引入eventbus.js

import EventBus from '@/utils/eventbus.js';

3. 详情页触发事件（$emit）：

EventBus.$emit('changeEvent', '参数1');

4. 列表页监听事件（$on）：

mounted() {
    EventBus.$on('changeEvent',(result) => {
	    console.log(result); // 返回：参数1
	})
},
destroyed() {
	EventBus.$off('changeEvent');
},

防止$on多次触发，需要$off进行销毁。