在子组件里使用$emit在父组件不绑定方法的情况下怎么获取到

如果在子组件里使用 `$emit` 触发了一个事件，在父组件中没有绑定对应的方法处理该事件，那么父组件就无法直接获取到该事件。但是，在 Vue.js 中可以通过 `$listeners` 来获取所有未被绑定的事件。

在父组件模板中，可以使用 `$listeners` 对象来监听子组件触发的事件。例如：

<template>
  <div>
    <child-component v-on:my-event="handleEvent" />
  </div>
</template>

在子组件中触发 `my-event` 事件：

this.$emit('my-event', data)

在父组件中，可以通过 `$listeners` 对象来获取该事件：

<template>
  <div>
    <child-component v-on:my-event="handleEvent" />
    <div v-on="$listeners">Other content here</div>
  </div>
</template>

在上面的例子中，`<div v-on="$listeners">` 监听了所有未被绑定的事件，包括子组件触发的 `my-event` 事件。在该 div 中，你可以访问所有子组件触发的事件。当然，你也可以使用 JavaScript 来处理这些事件，例如：

<template>
  <div>
    <child-component v-on:my-event="handleEvent" />
    <div v-on="$listeners" ref="otherContent"></div>
  </div>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      console.log(data)
    }
  },
  mounted() {
    this.$refs.otherContent.addEventListener('my-event', (event) => {
      console.log(event.detail)
    })
  }
}
</script>

在上面的例子中，使用了 `this.$refs.otherContent.addEventListener` 来监听子组件触发的 `my-event` 事件，并且打印出事件的数据。