$listeners

在 Vue.js 框架中，`$listeners` 是一个特殊的属性，它提供了一个对象，包含了父组件中注册在当前子组件上的所有事件监听器。你可以使用它来将父组件的事件监听器传递给子组件。这样做的好处是可以在子组件中不需要再重复声明这些事件监听器，使得代码更加简洁和清晰。

例如，如果你有一个父组件，它监听了一个名为 `click` 的事件：

<child-component @click="handleClick"></child-component>

在子组件的 `ChildComponent.vue` 文件中，你可以通过 `$listeners` 获取到这个 `click` 事件的监听器，并将其传递给子组件内的其他子元素或组件：

export default {
  name: 'ChildComponent',
  inheritAttrs: false, // 不要忽略传入的属性
  props: ['someProp'],
  methods: {
    customHandler() {
      // 一些自定义逻辑
    }
  },
  render(h) {
    return h('div', {
      on: { ...this.$listeners }
    }, this.$slots.default)
  }
}

这样，父组件的 `click` 事件监听器就被传递到了 `ChildComponent` 的根元素上，当点击时会触发 `handleClick` 方法。