Vue · Junior · Question 51 of 75

What do the `.stop` and `.once` event modifiers do?

<button @click.stop="select">Select</button>
<button @click.once="subscribe">Subscribe</button>

✓Correct answer: .stop calls event.stopPropagation(); .once runs the handler only the first time
2.stop disables the button; .once debounces clicks
3Both prevent the default browser action

Explanation

Modifiers keep handlers focused on logic instead of DOM details. Others include .prevent, .self, .capture and .passive.

Further reading

Vue: Event Handling ↗

Test yourself

Take the Vue · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.