Eventos

Essas são atalhos do Vue.js para adicionar eventos do DOM de forma prática e reativa.

Elas são equivalentes a addEventListener do JavaScript puro, mas muito mais simples e integradas ao Vue.

Ótimo! Vamos simplificar:

🎯 O que são @submit, @click, @input, etc.?

Essas são atalhos do Vue.js para adicionar eventos do DOM de forma prática e reativa.

Elas são equivalentes a addEventListener do JavaScript puro, mas muito mais simples e integradas ao Vue.

A sintaxe:

@evento="função"

É exatamente o mesmo que:

v-on:evento="função"

Ou seja:

<!-- São a mesma coisa -->
<button @click="fazerAlgo">Clique</button>
<button v-on:click="fazerAlgo">Clique</button>

Exemplos comuns:

Você pode encadear modificadores como .prevent, .stop, .once, etc.