En React podemos agregar componentes dinámicos de esta manera (lo tomé de los documentos de reacción https://reactjs.org/docs/jsx-in-depth.html ):

import React from 'react'; import { PhotoStory, VideoStory } from './stories'; const components = { photo: PhotoStory, video: VideoStory }; function Story(props) { const SpecificStory = components[props.storyType]; return {amp}lt;SpecificStory story={props.story} /{amp}gt;; } 

Es solo una función que devuelve una plantilla con el componente correcto (depende de los accesorios)

En Vue podemos hacer la misma lógica usando:

 {amp}lt;template{amp}gt; {amp}lt;component :is="currentComponent"{amp}gt;{amp}lt;/component{amp}gt; {amp}lt;/template{amp}gt; 

y currentComponent será una propiedad calculada (generalmente) o simplemente una propiedad en un dato

Mi pregunta es: ¿qué opción es más barata para el rendimiento y el renderizado?