안녕하세요 테스트를 해보던중 이상한점이 있어서 질문 올립니다<img src="https://cdn.inflearn.com/public/files/posts/531d2bf2-fdd7-42b0-a0fd-069f74986e6f/image.png">현재 코드가 위처럼 되어있을 때 테스트를 해보면 처음에 click메소드가 수행되고 .stop으로 인해 bubbling이 수행되지 않는것을 확인했는데 그 다음 클릭시 once로 인해 click은 수행되지 않지만 bubbling이 수행되는 것을 확인했습니다. 제가 이해한대로라면 bubbling도 수행되지 않아야하는 것 같은데 bubbling 수행되는 이유가 궁금합니다

안녕하세요 :)<img src="https://cdn.inflearn.com/public/comments/615589da-aaa7-412d-a2aa-c3e55e7bca23/스크린샷 2022-11-14 오후 10.52.15.png" alt="image" title="image"><code>.stop</code> 내부적으로 <code>stopPropagation()</code>을 호출하며,<code>.once</code> 는 핸들러를 한 번만 트리거 합니다.그러므로 <code>.once</code>에 의해 핸들러가 실행되지 않으면 <code>stopPropagation()</code> 또한 호출되지 않기 때문에 버블링이 진행됩니다.<a target="_blank" rel="noopener noreferrer nofollow" href="https://vuejs.org/api/built-in-directives.html#v-on">https://vuejs.org/api/built-in-directives.html#v-on</a>

인프런 커뮤니티 질문&답변

once 와 stop을 같이 사용했을 때