Programmatically bind custom events for dynamic components in VueJS : <p>In my vuejs app I use dynamic component in the following way:</p>

<pre><code>&lt;mycomponent&gt;
  &lt;component ref="compRef" :is="myComponent" v-bind="myComponentProps"&gt;&lt;/component&gt;
  &lt;div class="my-buttons"&gt;        
    &lt;my-button label="Reset" @click="reset()"/&gt;
  &lt;/div&gt;
&lt;/mycomponent &gt;
</code></pre>

<p><code>myComponent</code> is a prop on the parent component which hold the actual component to inject.
<code>myComponentProps</code> are also prop which holds the porps for the injected instance.</p>

<p>I would like to know how can I also dynamically bind listeners to the component - I have understand that <a href="https://github.com/vuejs/vue/issues/5578" rel="noreferrer">I cannot</a> send an object to v-on with multiple events.</p>

<p>I was thinking about adding it programatically however haven't found any info about how it can be done for Vue custom events (kind for <code>addEventListener</code> equivalent for custom events)</p>

<p>Any tip would be much appreciated! </p>
