LEARNING BY VUEING

Modifiers
24 / 42

While we can call things like event.preventDefault() ourselves, Vue makes it very easy for us by providing so-called modifiers. Try removing .prevent to see the page refresh after hitting the button.

Here is a nonexhaustive list of other modifiers:

  • .stop - call event.stopPropagation()
  • .capture - add listener in capture mode
  • .once - trigger handler at most once

You can also chain modifiers: @click.prevent.stop=.