Estoy tratando de pasar un componente dinámico (ChildA) a otro componente (ChildB) y luego agregar el componente ChildA al dom de ChildB a través de jquery. ¿Hay alguna forma de hacer que esto funcione? Sé que esta no es la mejor solución, pero el caso real es mucho más complicado y creo que la forma más fácil sería si hiciera que esto funcionara.

Padre

 <template> <ChildB :component="component" /> </template> import ChildA from './ChildA.vue'; <script> export default { data() { return { component: ChildA } }; </script>

NiñoA

 <template> <div> <h3>I am Child A</h3> </div> </template> <script> export default {} </script>

NiñoB

 <template> <div> <div id="child"></div> </div> </template> <script> export default { props: ['component'], mounted() { $('#child').append(this.component); } } </script>