Dynamic.vue

    <template>
  <q-page class="flex flex-center">
    <component :key="index" v-for="(comps, index) in comp"
               v-model="schema[comps.name]" :is="comps.is"
               v-bind="comps"/>
  </q-page>
</template>

<style>
</style>

<script>
export default {
  name: 'PageIndex',
  data () {
    return {
      comp: [],
      schema: {}
    }
  },
  mounted () {
    fetch('http://localhost:8000/api/resource').then(res => res.json()).then(res => {
      this.comp = res.schema
      this.comp.forEach(function (item, i) {
        this.schema[item.name] = ''
      })
    })
  }
}
</script>