diff --git a/src/components/Form/FormBuilder.vue b/src/components/Form/FormBuilder.vue
index 076e9895..d1a74645 100644
--- a/src/components/Form/FormBuilder.vue
+++ b/src/components/Form/FormBuilder.vue
@@ -5,9 +5,7 @@
 </template>
 
 <script setup type='ts' name='FormBuilder'>
-export default {
-  name: 'FormBuilder'
-}
+const data = reactive({})
 </script>
 
 <style scoped>
diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
new file mode 100644
index 00000000..1ae62176
--- /dev/null
+++ b/src/components/Form/index.ts
@@ -0,0 +1,3 @@
+import FormBuilder from './FormBuilder.vue'
+
+export default FormBuilder
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
index fcfbcedc..7ba45972 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -3,12 +3,14 @@ import AIcon from './AIcon'
 import PermissionButton from './PermissionButton/index.vue'
 import JTable from './Table/index'
 import TitleComponent from "./TitleComponent/index.vue";
+import Form from './Form'
 
 export default  {
     install(app: App) {
         app.component('AIcon', AIcon)
-        app.component('PermissionButton', PermissionButton)
-        app.component('JTable', JTable)
-        app.component('TitleComponent', TitleComponent)
+            .component('PermissionButton', PermissionButton)
+            .component('JTable', JTable)
+            .component('TitleComponent', TitleComponent)
+            .component('Form', Form)
     }
 }
diff --git a/src/router/menu.ts b/src/router/menu.ts
index 2aa45170..31b1f8df 100644
--- a/src/router/menu.ts
+++ b/src/router/menu.ts
@@ -40,6 +40,10 @@ export default [
         path: '/table',
         component: () => import('@/views/table/index.vue')
     },
+    {
+        path: '/form',
+        component: () => import('@/views/demo/Form.vue')
+    },
     // end: 测试用, 可删除
 
     // link 运维管理
diff --git a/src/views/demo/Form.vue b/src/views/demo/Form.vue
new file mode 100644
index 00000000..1f48bc29
--- /dev/null
+++ b/src/views/demo/Form.vue
@@ -0,0 +1,11 @@
+<template>
+  <Form />
+</template>
+
+<script setup name='FormDemo'>
+const data = reactive({})
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file