diff --git a/src/App.vue b/src/App.vue
index 633a5dfe4e547c48bfa93740a290ba5ba370930a..2c32867bbd44275b64a1ca1e3c203399540033c8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,13 +8,13 @@ import TheWelcome from './components/TheWelcome.vue'
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
-      <HelloWorld msg="You did it!" />
+      <HelloWorld msg="You did ithahahh!" />
     </div>
   </header>
 
-  <main>
+  <!-- <main>
     <TheWelcome />
-  </main>
+  </main> -->
 </template>
 
 <style scoped>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 1b8faac1521345513353e96050dd24d94610d432..7babd779305c855435ee41863ca1b3c83b032d16 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,10 +1,28 @@
 <script setup>
+import { onMounted, onUpdated, reactive,ref } from 'vue';
+ const obj=reactive({
+  name:'kjp'
+ })
+ const ha=ref(6)
+console.log('22222')
 defineProps({
   msg: {
     type: String,
     required: true
   }
 })
+function edit(){
+  obj.name='ppppp'
+  ha.value=77
+}
+onMounted(()=>{
+console.log('555555')
+console.log(ha.value)
+
+})
+onUpdated(()=>{
+  console.log()
+})
 </script>
 
 <template>
@@ -15,6 +33,8 @@ defineProps({
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
       <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
     </h3>
+    <h2>姓名：{{ obj.name }}</h2>年龄：{{ ha }}
+    <button @click='edit'>修改名字</button>
   </div>
 </template>