Как отдать в шаблон компонент через объект?

Question

[NikClik]

Я хочу поместить компонент или ссылку на компонент в object:

<script>
import contractTable from '~/components/table/contractTable.vue'
import debtorTable from '~/components/search/debtorTable.vue'

export default {
  components: {
    contractTable,
    debtorTable
  },
  data() {
    return {
      menuItems: [
        { title: "Таблицы", component: contractTable },
        { title: "Поиск", component: debtorTable }
      ]
    }
  }
}
</script>

И при обходе объекта на темпле чтобы он отрисовывал этот компонент, как-то так:

<v-tab-item
v-for="items in menuItems">
   {{ items.component }}   //вот сюда он должен отдавать сомпонент
</v-tab-item>

Подскажите пожалуйста, если будут идеи, буду рад услышать (v-html пробовал)

Answer 1

[Алексей Ярков]

<component :is="items.component">