Add dynamically components in vue.js not working
<p>I try to add dynamically component. This component set into props. 
I not register components into <code>components:{}</code> section, because I don't now how many components and their name will be send from props.
I use ES6 syntax, where import js modules not work into <code>ready(){}</code> section.
My code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let Child = Vue.extend({
  data() {
    return {
     msg: 'CHILDREN'
    }
  },
  template: '&lt;div class="c-child"&gt;component {{msg}}&lt;/div&gt;'
})


let Parent = Vue.extend({
 props: {
   component: ''
  },
  data() {
    return {
     msg: 'PARENT'
    }
  },
  template: '&lt;div class="c-parent"&gt;from component- {{msg}}&lt;br&gt;&lt;component :is="component"/&gt;&lt;/div&gt;',
})

// register
Vue.component('parent-component', Parent)

// create a root instance
let vue = new Vue({
  el: '#root'
})</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.c-parent {
  border: 1px solid red;
  padding: 10px;
}

.c-child {
  border: 1px solid green;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.common.js"&gt;&lt;/script&gt;
&lt;div id="root"&gt;
  &lt;parent-component :component="Child"&gt;&lt;/parent-component&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>Dynamic component not render:</p>

<pre><code>&lt;component :is="component"/&gt;
</code></pre>

<p>P.S. This code work on jsfiddle - <a href="https://jsfiddle.net/slavik_210/ww3w405c/31/" rel="nofollow">open link</a></p>