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 evento dblclick 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.

Vue - Data Binding Esta propiedad nos ayuda a interactuar con los elementos de HTML mediante las directivas v-bind y v-html <div id="app"> <p class="comentario">Paso de una variable a uno de los atributos HTML</p> <a v-bind:href="enlace" class="enlace" title="Google" target="_blank">Google</a> <hb> <p class="comentario">Paso de un elemento HTML desde Vue</p> <p v-html="webTag" title="Google"></p> </div> el: '#app', data: { enlace: 'https://www.google.com.mx/', webTag: '<a href="https://www.google.com.mx/" class="enlace">Google2</a>' } }); Resultado:

Vue- Métodos Imprimir el contenido de una variable en el DOM a partir de una función pasándole un argumento <div id="app"> {{ hola(nombre) }} </div> var app = new Vue({ el: '#app', data: { nombre: 'Deckon' }, methods: { hola: function(nombre) { return 'Hola ' + nombre; } } }); Resultado: