vue 孙组件与爷组件事件传递

在 Vue 中，可以使用自定义事件来实现子组件向父组件传递事件。具体步骤如下：

1. 在子组件中，使用 `$emit` 方法触发自定义事件，例如：

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

其中，`custom-event` 是自定义事件的名称，`data` 是要传递的数据。

2. 在父组件中，使用 `v-on` 或 `@` 监听自定义事件，例如：

<template>
  <child-component @custom-event="handleCustomEvent"></child-component>
</template>

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      // 处理传递过来的数据
    }
  }
}
</script>

其中，`handleCustomEvent` 是自定义事件的处理函数，`data` 是传递过来的数据。

需要注意的是，自定义事件只能向父组件传递，无法直接向兄弟组件传递。如果需要在兄弟组件之间传递事件，可以使用 EventBus 或 Vuex 等全局状态管理工具。