Как загружать компоненты во vue в зависимости от ответа сервера?

Question

[NiceScript]

Что имеется:
1) vue файл (естественно что-то тут не так, прошу помощи..)

<template >
  <div class="app" >
     {{dataArticle}} //подгружаем сюда сгенерированые данные
  </div>
</template>
<script>
import LoadFunctions from '@/services/LoadFunctions'
export default {
  name: 'settings',
  data () {
    return {
      dataArticle:  '' 
    }
  },
  mounted () {
    this.getArticle('10') // хочу получить статью номер 10
  },
  methods: {
    async getArticle (data) { // выполняем функцию из mounted
      const response = await LoadFunctions.getArticle(data) // отправляем запрос 
      this.dataArticle = response.data // получаем данные
    }
  }
}
</script>

2) Отправляем данные на сервер (файл /services/LoadFunctions)

export default {
  getArticle (data) {
    return Api().post('getArticle', data)
  }
}

3) Сервер обрабатывает запрос, обращается к монгодб ищет нужную статью.
возврат такой

data: {
  used_component:  'article_with_video',
  component_data: {
  	header: 'Заголовок',
  	text: 'Текст статьи',
  	video_url: 'http ссылка' 
  } 
}

....
И тут у меня проблемы
json то я определил в ответе,
но как мне подгрузить именно этот used_component, передав в него component_data?
С наступающим, тостерцы)

Comments

[Koteezy]

<component :is="componentName"></component>
?

[NiceScript]

Koteezy, спасибо за ответ, для выбора одного компонента он решает задачу.
Но как быть если передаются более одного?

data: {
  array: {
  	1: {
  		used_component: component2,
  		component_data: ...
  	},
  	2: {
  		used_component: component1,
  		component_data: ...
  	}
  }
}

Можно как-то вызывать vue компоненты из скрипта?
Тогда бы можно было перебрать компоненты по именам и подгрузить их

[Koteezy]

NiceScript, А в чем проблема?

https://jsfiddle.net/u5gs7kqv/

[NiceScript]

Koteezy, спасибо тебе добрый человек, буду делать и постигать vue.