针对“Vue3 之 Vue 事件处理指南”的完整攻略，我可以进行如下的讲解：

Vue3 之 Vue 事件处理指南

1. 介绍

Vue3 中的事件处理相较于 Vue2 有了一些改进。在 Vue3 中，事件的使用更为简洁明了，事件的绑定方式也发生了不少变化。本文介绍如何使用 Vue3 来处理事件。

2. 事件绑定

2.1 使用 v-on 指令绑定事件

在 Vue3 中，我们可以使用 v-on: 或 @ 来绑定事件，并且不同于 Vue2 中的事件绑定方式，这里可以直接传递函数名，如：

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

上述例子中，我们使用 @click 绑定了按钮点击事件，并将 handleClick 函数作为事件处理函数，点击按钮时就会执行该函数。

2.2 动态绑定事件

在某些情况下，我们需要根据动态数据来决定绑定什么事件，可以通过计算属性来实现：

<template>
  <div>
    <button :[eventName]="handleBtnClick">Click Me</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      eventName: 'click'
    }
  },
  computed: {
    handleBtnClick() {
      return () => {
        console.log('Button clicked');
      }
    }
  },
}
</script>

上述例子中，我们使用计算属性 handleBtnClick 来返回一个函数，该函数作为事件处理函数，将在按钮被点击时执行。同时，我们使用 :[eventName] 动态绑定了事件名称，此处该事件名称为 click。

3. 事件修饰符

Vue3 中的事件修饰符和 Vue2 也有些许的变化，下面我们介绍几种常见的事件修饰符：

3.1 .stop 修饰符

在 Vue2 中，我们可以通过 .stop 修饰符来防止事件冒泡传播，Vue3 中同样支持该修饰符：

<div @click.stop="handleDivClick">
  <button @click="handleBtnClick">Click Me</button>
</div>

上述例子中，我们给父元素绑定了点击事件，并使用 .stop 修饰符来防止点击事件传播到子元素。因此当我们点击按钮时，只会触发按钮的点击事件而不会触发父元素的点击事件。

3.2 .prevent 修饰符

.prevent 修饰符和 Vue2 中的语法一致，用来阻止默认事件：

<form @submit.prevent="handleSubmit">
  <button type="submit">Submit</button>
</form>

上述例子中，我们通过 .prevent 修饰符来阻止表单的默认提交事件，并将 handleSubmit 函数作为事件处理函数。

3.3 .once 修饰符

Vue3 中的 .once 修饰符可以用来指定只执行一次的事件处理函数：

<button @click.once="handleBtnClick">Click Me Once</button>

上述例子中，我们指定了 handleBtnClick 函数只执行一次，即第一次按钮被点击时执行。

4. 示例

下面给出一个使用了事件绑定和事件修饰符的示例：

<template>
  <div>
    <button v-for="item in list" :key="item.id" @click.prevent="handleClick(item.id)">
      {{ item.text }}
    </button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, text: 'Button 1' },
        { id: 2, text: 'Button 2' },
        { id: 3, text: 'Button 3' },
      ],
    };
  },
  methods: {
    handleClick(id) {
      console.log(`Button ${id} clicked`);
    },
  },
};
</script>

上述示例中，我们使用了 v-for 指令来循环渲染按钮，并给按钮绑定了 click 事件，同时使用了 .prevent 修饰符来阻止默认事件，并将 handleClick 方法作为事件处理函数。这样点击按钮后就会打印出按钮的文本内容。