vue父组件向子组件传递事件

在Vue中，父组件向子组件传递事件可以使用"props"和"emit"两个属性。具体的实现步骤如下：

1. 在子组件中定义props属性，用来接收父组件传递的事件。例如：

props: {
  onCustomEvent: {
    type: Function,
    required: true
  }
}

2. 在父组件中，在调用子组件的地方添加一个v-on指令，将事件绑定到子组件上。例如：

<child-component v-on:on-custom-event="handleCustomEvent"></child-component>

3. 在父组件中定义一个方法，该方法将会在子组件中触发。例如：

methods: {
  handleCustomEvent(data) {
    console.log('Received data from child component:', data);
  }
}

4. 在子组件中，通过this.$emit()方法触发事件，将数据传递给父组件。例如：

this.$emit('on-custom-event', data);

当子组件触发事件时，会将数据和事件名称一起传递给父组件，然后父组件中的handleCustomEvent方法会被调用，从而实现了父子组件之间的事件传递。