$event es una variable especial del objeto event, que nos proporciona más parámetros disponibles para lograr funciones complejas en algunos escenarios. Eventos nativos: se comporta igual que el objeto de evento predeterminado en Eventos nativos.
<template>
<div>
<input type="text" @input="inputHandler( hello , $event)" />
</div>
</template>
export default {
methods: {
inputHandler(msg, e) {
console.log(e.target.value)
}
}
}
Eventos personalizados: representados en eventos personalizados como valores de captura arrojados desde componentes secundarios.
export default {
methods: {
customEvent() {
this.$emit( custom-event , some value )
}
}
}
<template>
<div>
<my-item v-for="(item, index) in list" @custom-event="customEvent(index, $event)">
</my-list>
</div>
</template>
export default {
methods: {
customEvent(index, e) {
console.log(e) // some value
}
}
}