From 4df7b64d45e5834e8f8a105986eeb15fea08ab55 Mon Sep 17 00:00:00 2001
From: gemen666 <17035105+gemen666@user.noreply.gitee.com>
Date: Sun, 10 May 2026 18:01:37 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E6=93=8D=E4=BD=9CDOM?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 30 +++++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index abfd315..c643e5e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,27 @@
-<script setup lang="ts"></script>
-
 <template>
-  <h1>You did it!</h1>
-  <p>
-    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
-    documentation
-  </p>
+  <div>
+    <p>姓名：<input ref="name" /></p>
+    <button @click="showRef">提交</button>
+  </div>
 </template>
 
+<script setup lang="ts">
+import { ref } from 'vue';
+
+
+let name = ref()
+
+// 获取DOM元素，直接操作DOM
+function showRef(){
+  console.log(name)
+  console.log("=====================")
+  console.log(name.value)
+  console.log("=====================")
+  console.log(name.value.value)
+}
+
+
+</script>
+
+
 <style scoped></style>