vue3 click事件

在Vue3中，click事件可以通过在模板中使用@click指令来绑定。在引用、和中的代码示例中，我们可以看到不同的click事件处理方式。

在引用中，使用@click.capture修饰符可以捕获到点击事件，即当点击按钮时，点击事件会首先在父级元素上触发，然后再在按钮上触发。

在引用中，使用@click.once修饰符可以使事件只执行一次。即当点击按钮时，点击事件只会触发一次，之后再次点击按钮将不会触发事件。

在引用中，没有使用任何修饰符，默认情况下，click事件会冒泡。即当点击按钮时，点击事件会先在按钮上触发，然后再在父级元素上触发。

总结起来，Vue3中的click事件可以通过@click指令来绑定，并且可以使用修饰符来改变事件的行为，包括捕获事件、只执行一次和事件冒泡。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [VUE3 之 click 事件](https://blog.csdn.net/u011181989/article/details/122284628)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]