2024年4月30日发(作者：)

vue 在子组件中添加addeventlistener方法

在 Vue 中，你可以在子组件中添加 `addEventListener` 方法来监听 DOM

事件。下面是一个示例：

首先，在你的子组件中定义一个方法来添加事件监听器：

```vue

```

在上面的示例中，我们定义了一个 `handleClick` 方法来处理按钮点击事件。

然后，我们创建了一个 `addClickListener` 方法，该方法通过

`querySelector` 获取按钮的 DOM 元素，并使用 `addEventListener` 方法

添加点击事件监听器。最后，在 `mounted` 钩子函数中调用

`addClickListener` 方法，以确保在组件挂载后添加事件监听器。

请注意，由于 Vue 的组件生命周期钩子函数的执行顺序，`mounted` 钩子

函数会在组件被挂载到 DOM 后执行。因此，在这个钩子函数中调用

`addClickListener` 方法可以确保在组件挂载后添加事件监听器。