How to give a component to a template through an object?

Question

Vue.js

I want to put a component or component reference in an 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>

And when bypassing the object on the template, so that it draws this component, something like this:

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

Please tell me if there are ideas, I will be glad to hear (v-html tried)

Answer 1

<component :is="items.component">