pedi2/resources/js/components/SubpedidoRow.vue

<template>
    <tr>
        <td>{{ subpedido.nombre }}</td>
        <td>{{ subpedido.total }}</td>
        <td><boton-admin-subpedido-row :subpedido="subpedido"></boton-admin-subpedido-row></td>
    </tr>
</template>

<script>
import BotonAdminSubpedidoRow from "./SubpedidoRowBotonAdmin";
export default {
    name: "SubpedidoRow",
    components: {BotonAdminSubpedidoRow},
    props: {
        subpedido: Object
    },
    data() {
        return {
            pedido: this.subpedido
        }
    },
    mounted() {
        Event.$on('sync-aprobacion', (unSubpedido) => {
            if (this.pedido.id === unSubpedido.id) {
                this.pedido = unSubpedido
            }
        })
    }
}
</script>

<style scoped>

</style>