title: Vue event modifiers prevent vs. stop
body: <p>Reading the Vue documentation about events, they mention the event modifiers like prevent or stop. They mention that on stop: <code>&lt;!-- the click event's propagation will be stopped --&gt;</code>. I am assuming this will stop the event from bubbling. What about <code>prevent</code>. What does it exactly do? I am assuming it will prevent the event from being triggered twice (on a double click for example). Are these assumptions correct? I just couldn't find more specific info on the web.</p>
  <p>What I read:</p>
  <ul>
  <li><a href="https://v2.vuejs.org/v2/guide/events.html" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/events.html</a></li>
  <li><a href="https://stackoverflow.com/questions/45438652/how-to-prevent-stop-propagation-of-default-event-click-in-directive-vue-2-x">How to prevent/stop propagation of default event (click) in directive (vue 2.x)</a></li>
  </ul>