vue3 怎么添加两次点击事件

在 Vue3 中，可以使用 `@click` 或 `v-on:click` 绑定单击事件，在绑定多个点击事件时，可以使用修饰符 `.prevent` 和 `.stop` 来阻止事件的默认行为或停止事件冒泡。

例如，在模板中可以这样绑定两个点击事件：

<template>
  <button @click="onFirstClick">第一个点击事件</button>
  <button @click.stop="onSecondClick">第二个点击事件</button>
</template>

其中，`@click` 绑定了第一个点击事件，`@click.stop` 绑定了第二个点击事件，并使用了 `.stop` 修饰符来停止事件冒泡。在组件中，可以定义对应的方法来处理这两个点击事件：

<script>
export default {
  methods: {
    onFirstClick() {
      console.log('第一个点击事件');
    },
    onSecondClick() {
      console.log('第二个点击事件');
    }
  }
}
</script>

当用户单击第一个按钮时，会触发 `onFirstClick` 方法，打印出相应的信息；当用户单击第二个按钮时，会触发 `onSecondClick` 方法，也会打印出相应的信息。