vue.js $emit

在Vue.js中，$emit是一个实例方法，用于在子组件中向父组件发送自定义事件。当子组件需要向父组件传递数据时，可以使用$emit方法。具体实现步骤如下：

1.在子组件中使用$emit方法触发自定义事件，并传递数据。

Vue.component('my-component', {
  template: `
    <button v-on:click="handleClick">点击我触发事件</button>
  `,
  methods: {
    handleClick() {
      this.$emit('my-event', '这是传递的数据');
    }
  }
});

2.在父组件中使用v-on指令监听子组件触发的自定义事件，并在回调函数中处理数据。

new Vue({
  el: '#app',
  methods: {
    handleMyEvent(data) {
      console.log(data); // 输出：这是传递的数据
    }
  }
});

3.在父组件中使用子组件，并绑定自定义事件。

<div id="app">
  <my-component v-on:my-event="handleMyEvent"></my-component>
</div>