vant3 indexbar二次封装,vant3 dialog组件点击保持,vant3 van-filed 配合error的用法,vant3 list,vant3 dialog,vant3 获取不到form.value
Vant3 useEventListener 是一个自定义 Hook，它提供了一种方便的方式来在 Vue 组件中添加事件监听器。

使用 useEventListener 可以简化添加和删除事件监听器的过程，并确保在组件卸载时正确地清除事件监听器，从而避免潜在的内存泄漏问题。

下面是一个例子，演示如何在 Vue 组件中使用 useEventListener 来监听窗口大小变化事件：

vue
<template>
<div>Window width: {{ windowWidth }}</div>
</template>

<script>
import { useEventListener } from 'vant';

export default {
data() {
return {
windowWidth: window.innerWidth,
};
},

mounted() {
useEventListener('resize', this.handleResize);
},

beforeUnmount() {
useEventListener('resize', this.handleResize, false);
},

methods: {
handleResize() {
this.windowWidth = window.innerWidth;
},
},
};
</script>


在上面的代码中，我们首先引入了 Vant3 的 useEventListener Hook。然后在组件的 mounted 生命周期钩子中，调用 useEventListener 来注册 resize 事件的监听器，并指定一个回调函数 handleResize。在 handleResize 中，我们更新 windowWidth 的值以反映当前窗口的宽度。

最后，在组件卸载之前（即 beforeUnmount 钩子中），我们再次调用 useEventListener，这次传递了第三个参数 false，以确保在组件卸载时取消事件监听器。

总之，Vant3 useEventListener 是一个非常有用的工具，可以使事件监听在 Vue 组件中更加简单和可靠。