test.js

Vue.component('form-datos-evento', {
    props: {
        evento: Object
    },
    data: function () {
        return {
            riesgos: []
        };
    },
    watch: {
        evento: {
            handler: function () {
                this.$parent.$emit("eventoChange", this.evento);
            },
            deep: true
        },
        estructuraOrganizativaId: {
            handler: function () {

            }
        },
        'evento.estructuraOrganizativaId': {
            handler: function () {
                console.log("buscando riesgos");
                ro.ui.service.riesgoService
                        .obtenerPorEstructuraOrganizativaId(this.evento.estructuraOrganizativaId)
                        .done((_riesgos) => {
                            this.riesgos.splice(0, this.riesgos.length);
                            Object.assign(this.riesgos, _riesgos);
                        });
            }
        }
    },
    methods: {
    },
    created: function () {
    },
    template: document.getElementById("pnt-template-form-datos-evento").innerHTML
});