diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue b/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue
new file mode 100644
index 0000000..3869034
--- /dev/null
+++ b/20_脚手架/vue3_test/4.src_reactive函数的使用/App.vue
@@ -0,0 +1,59 @@
+
+ 个人信息:
+ 姓名:{{ person.name }}
+ 年龄:{{ person.age }}
+ 工作种类:{{ person.job.type }}
+ 薪水:{{ person.job.salary }}
+ 爱好:{{ person.hobby }}
+ c的值:{{ person.job.a.b.c }}
+
+
+
+
diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png b/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/20_脚手架/vue3_test/4.src_reactive函数的使用/assets/logo.png differ
diff --git a/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js b/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js
new file mode 100644
index 0000000..8a90e5c
--- /dev/null
+++ b/20_脚手架/vue3_test/4.src_reactive函数的使用/main.js
@@ -0,0 +1,10 @@
+// 引入的不再是Vue构造函数, 引入的是一个名为createApp的工厂函数
+import { createApp } from 'vue'
+import App from './App.vue'
+
+// createApp(App).mount('#app')
+
+// 创建应用实例对象
+const app = createApp(App)
+console.log('@@@',app)
+app.mount('#app')
\ No newline at end of file
diff --git a/20_脚手架/vue3_test/src/App.vue b/20_脚手架/vue3_test/src/App.vue
index c661b63..3869034 100644
--- a/20_脚手架/vue3_test/src/App.vue
+++ b/20_脚手架/vue3_test/src/App.vue
@@ -1,38 +1,57 @@
个人信息:
- 姓名:{{ name }}
- 年龄:{{ age }}
- 工作种类:{{ job.type }}
- 薪水:{{ job.salary }}
+ 姓名:{{ person.name }}
+ 年龄:{{ person.age }}
+ 工作种类:{{ person.job.type }}
+ 薪水:{{ person.job.salary }}
+ 爱好:{{ person.hobby }}
+ c的值:{{ person.job.a.b.c }}