Vue3 动态加载组件 ​

<script lang="ts" setup>
import { defineAsyncComponent} from 'vue'

import predefine from "./predefine";
const props = defineProps(predefine)
const bean=defineAsyncComponent(() => import(`./${props.component}.vue`))
</script>

<template>
  <div>
    <bean v-bind="props"/>
  </div>
</template>

<script lang="ts" setup>
import { defineAsyncComponent} from 'vue'

import predefine from "./predefine";
const props = defineProps(predefine)
const bean=defineAsyncComponent(() => import(`./${props.component}.vue`))
</script>

<template>
  <div>
    <bean v-bind="props"/>
  </div>
</template>