vue3click事件

Vue3中的click事件有三种不同的修饰符：
1. 事件捕获：通过使用@click.capture修饰符，可以在点击目标元素之前捕获点击事件。在模板中，可以使用`<div @click.capture="clickDiv">`来实现事件捕获。
2. 事件只执行一次：通过使用@click.once修饰符，可以确保事件只会执行一次。在模板中，可以使用`<div @click.once="clickDiv">`来实现事件只执行一次。
3. 事件冒泡：Vue默认使用事件冒泡机制，即当点击子元素时，父元素也会触发相应的事件。在模板中，如果需要阻止事件冒泡，可以在子元素上使用@click.stop修饰符。