Modifiers

Modificadores de eventos
Es una necesidad muy común llamar a event.preventDefault() o event.stopPropagation() dentro de los controladores de eventos. Aunque podemos hacer esto fácilmente dentro de los métodos, sería mejor si los métodos fueran puramente sobre lógica de datos en lugar de tener que lidiar con los detalles del evento DOM.
Para solucionar este problema, Vue proporciona modificadores de eventos para v-on. Recuerde que los modificadores son directivas postfijos marcados por un punto

Wow… que sencillo, esto si facilita mucho el trabajo xD

Esto no lo sabía, gracias! eso me ayudará abastante haha

Una vaquita para que le compren un teclado a Igna y deje de rabear con ese teclado de mac… Jaja

¿Como sería aplicar un modifier a un filtro o a una directiva normal?

Mi aproximación a este resultado fue crear un formulario:

form(@submit="search")
            .field.has-addons
              input.input.is-medium(
                type="text",
                placeholder="Buscar canciones",
                v-model="searchQuery")
              button.button.is-info.is-medium(
                type="submit") Buscar
              a.button.is-danger.is-medium(@click="clearSearch") ×

De esa forma, tanto presionando el botón (importante que sea type="submit") como presionando enter en el input, la función search se dispara

Modifiers
Permite utilizar los directiva de cada evento por ejemplo preventDefault() etc https://sodocumentation.net/es/vue-js/topic/8612/modificadores

👌👌

El mío ya hacía eso porque usé un formulario con un botón de type submit y le puse al formulario el evento @submit.prevent=“search”