title: Difference between v-on:click="..." and using onclick="..." in Vue.js
body: <p>What is the difference between <code>v-on:click=&quot;...&quot;</code> and using <code>onclick=&quot;...&quot;</code> in Vue.js?</p>
  <p>I understand that with the v-on:click you need to write the handler inside of the Vue object (like the <a href="https://v2.vuejs.org/v2/guide/events.html#Method-Event-Handlers" rel="nofollow noreferrer">example in the docs</a>), but what is the advantage? It seems simple enough to just write an <code>onclick=&quot;...&quot;</code> to call function (outside of the Vue object).</p>