【10行】Vue コンポーネントをコンポーネントに動的に追加

動的に増やしたい子コンポーネント(MyComponent.vue)

<template>
 <div>{{ msg }}</div>
</template>

<script>
var Comp = Vue.extend({
  props: {
    msg: ""
  }
})
</script>

追加先の親コンポーネント

<template>
 <div>Parent Page</div>
 <div id="parentcomponentdiv"></div>
</template>

<script>
let compo = new MyComponent();
compo.$props.msg = "hoge";
compo.$mount();
document.getElementById("parentcomponentdiv").appendChild(compo.$el);
</script>