Hago un bucle de componentes secundarios que han emitido datos y los paso a datos locales en el padre, pero el resultado de mis expectativas no es lo que obtengo. Debería ser en incremental como este. Ejemplo

 Index Total 0 5 1 7 2 10 3 12

aquí mi código:

 <template> <div> <div v-for="data, index in myArr"> <child-block-1 :key="index" :data="data" @emittedData="total += $event" /> <child-block-2 v-if="total > 10" /> </div> </div> </template>

Los datos total agregarán los datos emitidos, pero cuando verifico el total, siempre será el total general 12. no el incremental.

¿Hay alguna otra solución para que esto obtenga el resultado esperado?