$emit和$on 的使用

$emit和$on是Vue中用于自定义事件监听和触发的方法。

$emit用于触发一个自定义事件。它可以携带参数，参数可以通过$emit的第二个参数传递。例如：

// 触发一个名为custom-event的自定义事件
this.$emit('custom-event', 'Hello World');

$on用于监听一个自定义事件，当这个事件被触发时，相应的回调函数将被执行。例如：

// 监听custom-event事件，并执行相应的回调函数
this.$on('custom-event', function(msg) {
  console.log(msg); // 输出 'Hello World'
});

另外，$emit和$on方法都可以用于全局事件总线。通过在Vue实例的原型上定义一个新的Vue实例，可以在任意组件之间进行通信。例如：

// main.js
import Vue from 'vue';
export const bus = new Vue();

// ComponentA.vue
import {bus} from './main';
bus.$emit('custom-event', 'Hello World');

// ComponentB.vue
import {bus} from './main';
bus.$on('custom-event', function(msg) {
  console.log(msg); // 输出 'Hello World'
});