VueJS –以编程方式从循环对象中编写组件

Question

我在一个文件组件中有3个选项卡，在每个选项卡的选项卡内容内，我希望为每个选项卡包括一个组件。我正在遍历（选项卡）对象的数组。

模板：

<v-tabs v-model="currentTab">
   <v-tab v-for="tab in tabs" :key="'tab-' + tab.name">
      <v-icon class="mr-2" small v-html="tab.icon"></v-icon>
        {{ tab.title }}
      </v-tab>
   </v-tab>
</v-tabs>

<v-tabs-items v-model="currentTab">
   <v-tab-item v-for="tab in tabs" :key="'tab-content-' + tab.name">

      <!-- **COMPONENT HERE** -->

   </v-tab-item>
</v-tabs-items>

以及选项卡对象数组，该对象中指定的组件将在脚本的开头导入。

数据（标签数组）：

  currentTab: null,
  tabs: [
    {
      name: 'details',
      icon: 'business',
      title: 'Company Details',
      component: CompanyDetails
    },
    {
      name: 'statistics',
      icon: 'bar_chart',
      title: 'Statistics',
      component: CompanyStats
    },
    {
      name: 'contacts',
      icon: 'contacts',
      title: 'Contacts',
      component: CompanyContacts
    }
  ]

进口：

import CompanyDetails from './CompanyModal/CompanyDetails'
import CompanyStats from './CompanyModal/CompanyDetails'
import CompanyContacts from './CompanyModal/CompanyContacts'

这甚至可能吗？它似乎不在文档中，我在任何地方都找不到关于它的讨论。