使用v-bind="$attrs"二次封装的事件如何调用

如果你使用了 `v-bind="$attrs"` 来进行二次封装，那么你可以在组件内部使用 `$listeners` 来访问这些事件。

`$listeners` 是一个对象，它包含了父组件传递给子组件的所有事件监听器。你可以在子组件中使用 `$listeners` 将这些事件监听器绑定到自定义组件的内部元素上，从而实现自定义组件的事件处理。

下面是一个示例，假设你有一个名为 `MyButton` 的自定义组件，它二次封装了原生的 `button` 元素，并且想要将 `click` 事件传递到内部的 `button` 元素上：

<template>
  <button v-bind="$attrs" v-on="$listeners">
    <slot></slot>
  </button>
</template>

现在，在父组件中使用 `MyButton` 组件时，你可以像这样绑定 `click` 事件：

<my-button @click="handleClick">点击我</my-button>

当父组件触发 `click` 事件时，它会被传递到 `MyButton` 组件中，并被绑定到内部的 `button` 元素上。在 `MyButton` 组件内部，你可以使用 `$emit` 方法来触发这个事件：

methods: {
  handleClick() {
    this.$emit('click');
  }
}

这样，当用户点击 `MyButton` 组件时，它就会触发 `click` 事件，并被传递回父组件中处理。