Vue - Eventos
Usando la directiva v-on
en un botón permite disparar algún evento, en este caso se esta disparando una función.
Con los argumentos click
y dblclick
se define el comportamiento del botón
click
Con un solo click del botón se dispara un eventodblclick
Es necesario un doble click sobre el botón para disparar el evento
<div id="app">
<p>Numero: {{ numero }}</p>
<button name="button" v-on:click="suma(numero)">Sumar</button>
<button name="button" v-on:dblclick="resta(numero)">Restar</button>
</div>
var app = new Vue({
el: '#app',
data: {
numero: 0
},
methods: {
suma: function(numero) {
this.numero++;
},
resta: function(numero) {
this.numero--;
}
}
});
Resultado: