Vue动态组件

Question

单击按钮时，我需要创建一个带有地图的动态组件并在那里传输数据。我创建了一个组件

const renderer = Vue.compile(`<v-map :zones="zones" :miniMap="false" />`);

this.mapComponent = {
    data: function () {
        return {
            zones: [],
        }
    },
    render: renderer.render,
    staticRenderFns: renderer.staticRenderFns
};

this.addToSlot(this.mapComponent);

已创建地图，但是“ zones”变量必须更改。如何访问已创建组件之外的数据？