CodeSplittedComponent.vue

<template>
  <div>
    <component :is="componentInstance" />
  </div>
</template>

<script>
export default {
  props: {
    isCompany: { type: Boolean, default: false },
  },
  computed: {
    componentInstance () {
      const name = this.isCompany ? 'CompanyInfo' : 'UserInfo'
      return () => import(`./components/${name}`)
    }
  }
}
</script>

What if we need to render multiple component by data?
"components": [
{
"componentName": "mainBanner",
"componentPath": ""
},
{
"componentName": "OurServices",
"componentPath": "/home"
}
]

Hi! Then you might want to iterate on that components array, but the idea remains the same!