Vue dynamic component event bindings
<p>I have a dynamic component that is resolved and bound on runtime using the documented dynamic component syntax;</p>

<pre><code>&lt;div class="field"&gt;
    &lt;component v-if="component" :is="component" @valueUpdated="onUpdate($event)"&gt;&lt;/component&gt;
&lt;/div&gt;
</code></pre>

<p>Decided using a prop assigned to on mounting.</p>

<p>For whatever reason, when the child component, rendered dynamically, emits an event <code>this.$emit('eventName', /*someData*/)</code> the parent does not seem to be able to hear it. Is the approach used in standard components applicable to those rendered dynamically? Props seem to work, so maybe I am not doing something correctly?</p>