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

Что имеется:
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?
С наступающим, тостерцы)