vue3事件的绑定和移除

在Vue3中，事件的绑定和移除可以通过v-on指令来实现。

1. 事件绑定

在模板中，可以使用v-on指令来绑定事件，例如：

<button v-on:click="handleClick">Click me</button>

其中，v-on:click表示绑定click事件，handleClick是事件处理函数的名称。

也可以使用缩写的形式@来代替v-on，例如：

<button @click="handleClick">Click me</button>

2. 事件移除

在Vue3中，可以使用$off方法来移除事件监听器。$off方法的第一个参数是事件名称，第二个参数是事件处理函数。

例如，假设我们在mounted钩子函数中绑定了一个事件监听器：

mounted() {
  window.addEventListener('scroll', this.handleScroll)
}

那么在beforeUnmount钩子函数中可以通过$off方法来移除事件监听器：

beforeUnmount() {
  window.removeEventListener('scroll', this.handleScroll)
}

需要注意的是，事件移除时的事件名称和事件处理函数需要和事件绑定时保持一致。