Vue имеет специальную разметку шаблона для обработки событий
<template>
<button type="button" @click="onClickFunction">
click me
</button>
</template>
, но я понятия не имею, зачем нужна эта разметка обработки событий, поскольку функции могут передаваться как подпрограммы, приведенный выше код может измениться на
<template>
<button type="button" :onClick="onClickFunction">
click
</button>
</template>
Использование синтаксиса v-bind для обработки событий может сэкономить много документов, не так ли? И делая шаблон менее DSL-я sh, гораздо легче учиться.
https://vuejs.org/v2/guide/events.html