Estaba tratando de hacer una función simple en el elemento principal que actualice una variable cuando recibe una emisión del elemento secundario. He estado atascado durante 2 horas y estoy harto porque sé que la respuesta será muy simple.

Código en cuestión:

Elemento hijo:

 <div v-on:click="$emit('event1')"> Click </div>

Elemento padre:

 <p @event1="test()"></p> <Section /> // the child element methods: { test() { console.log("test") }, }

El código anterior no registra nada. Lo hice mínimo porque ningún factor externo cambiaría el resultado del código.

¡Gracias por adelantado!