Как сделать авто import во Vue?

Question

[NiceScript]

Продолжаю разбираться во Vue.js,
Идёт запрос на сервер => сервер вытягивает нужные данные и какие компоненты должны использоваться (componentName: 'componentPath'):

used_components: 
{
   first: '@/components/first',
   second: '@/components/second'
},
......

Сейчас я просто подгружаю компоненты вручную

.....
name: 'Page',
    components: {
      first: () => import('@/components/first'),
      second: () => import('@/components/second')
    },
    data () {
      return {
        server_array: '',
        server_components: ''
      }
    },....

Как сделать импорт необходимых компонентов исходя из ответа сервера?
что-то вроде

name: 'Page',
    components:  server_components, // из даты берём (или как-то подругому)
    data () {
      return {
        server_array: '',
        server_components: '' //переопределим через methods
      }
    },
beforeMount () {
      this.getPage()
    },
methods: {
      async getPage () {
        const response = await Page.getPage()
        this.server_components = response.data.used_components
        this.setComponents(this.server_components)
      },
      setComponents (data) {
        for (var key in data) {
          () => import(data[key])
        }
      }
    }
....

Answer 1

[levchak0910]

data: {
    componentName: ""
}
async getPage () {
    const response = await Page.getPage()
    this.componentName = ...
}

<component :is="componentName"></component>
https://vuejs.org/v2/api/#component

Comments

[NiceScript]

сервер даёт массив, содержащий названия компонентов и пути к ним, их может быть любое количество.
Суть в том, чтобы не подключать все 100 существующих компонентов для вывода страницы (не писать 100 раз import Component 1 from ...), а только необходимые для текущей страницы.
Ваш ответ даёт решение, как вызвать компонент. Я ещё перед ним ставлю template v-for.
Как именно произвести import components через функцию?

[levchak0910]

NiceScript,