1.想法是封装一个Modal,供其他页面使用,但是Modal中的组件内容等可自定义,由于在React中可以直接使用{...item}来展开对象属性,这种写法在Vue3.0中是没有的,除非在Vue中使用JSX的写法
2.知识点:使用v-bind来展开对象,使用v-on来接收方法
//不使用JSX语法的方式
<!--传入绑定的属性和绑定的方法,使用的指令不同-->
<template v-if="item.component === 'a-radio-group'">
<a-form-item :label=item.label :rules=item.rules :name=item.name>
<a-radio-group v-model:value=formState[item.name]>
<template v-for="element in item.options">
<a-radio :value=element.value>{
{element.name}}</a-radio>
</template>
</a-radio-group>
</a-form-item>
</template>
//初始化formState 这个方法主要是创建响应式对象供上面的:value接收值
const formState = reactive({})
const initalFormState = (