Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vue-jgdpok

Steps to reproduce

you click on the first "click me", you will see counter increase 2 (event trigger 2 times) you click on the second"click me", you will see counter increase 1 (event trigger 1 times) different is I do not pass @click into the second "click me"

What is expected?

it is a feature or a bug? if it is a feature, how can I prevent it? In my case, I can not block click inside the component, I have to block the event where it is declared

What is actually happening?

Click event auto trigger @click

System Info

No response

Any additional comments?

No response

What you are looking for is .capture: https://play.vuejs.org/#eNqFVE1z0zAQ/SuLYSZliO3iAAMmdCilM8ChdCgDB8xBtTeOWlnSSHKa0Ml/ZyXXiUM/uNjW6u3z067eXkeHWieLFqM8mjpstGAODwoJMK34Anj1roiY1kUUYhTlTQ1MOAr/aBGEqlURgTUlBebOaZunKbFd2ESZOuUNq9GmHpVoWRMy7Xk+oRDqpzKigvel4OUlEXBZGrS2QekIigt6x5I1SFsBUkSbdBJ3cH0NpWqlQwPr9TT1ofvIs1327E56it7Dn+38oP+apoOC0dKWhmtH37zRyjgYqJgZ1cAoSbchX/PRW5+Hy4CucMZa4eDa/8LLymFEvRmN/bpURClJsM07AAzYA2IdnhVzbO9pDzHoWiP7lWcJp8lhP4AHoWwbW5Oonq5BN1fV9p+DEm7/AuDm3CZ9K97tLp/B80DYU+6QZPexZP/QZLd4/NNLnaabsvsWuJXw3XhMd7Zjninq8ow1XKxyOKSeczP2tVug4yUbw6HhTIzBMmlji4bPwl/iKzy/5JTos22jFImRdQ5MOoJzZrHqcI36Eyu7vAWsDVvZkgkMMIdLF1NeLXMo6dxoQrhUQlE3HmflBF/uh1DDTM1l7JTO4dW+XlJwHQ55c7BoHDlbKjnjdXJhlSTbhmPSFaYrwgWar9pxJW0RbbpGDqarcvUlxJxp8aYRlDPH8vKO+IVd+lgRnVKn0CywiDZ7jhQi+dNvH5+d0MkGm42qWkHoBza/oVWi9Ro72IdWViR7gAtqPwcPUS2/2+OlQ2n7Q3mh2xtaROSjoweOvpU7SSYhjypKVdx14t3Tr5sdSck0+ciPiTnzWo+6WXQQ3uSR/86DBxy+ldEZXRtFMxR+jcJ4OiHQ6PedVhxI2QvYgZPCOrF0iU6JjtXMl2Xv6Y1/+n1twvtjp2qwHYz3BBvu9sLnRkoPeciBj+IYDquKKk/XVGNFk5Y5Z/h56xCcAsGJF47OzvzC029nGygpVhDHvpThvkNHQev5pDtdZ48cXpA1YB+8Z6ifreh2BbdkQp8Zu5Wm8kriDZo1q6rgy5sMwbuMiltqGE0GTiGJ8blQ5eXAiJQAzzc2ZF1Sb9sX2fmb15NbDl3/BbZdcb8=