diff --git a/index.html b/index.html
index 5cb4af79676e5180905a0bcac2ab6166cba0b42e..8438df83a113eb466df92b8da42fabef34f0534c 100644
--- a/index.html
+++ b/index.html
@@ -11,4 +11,33 @@
     <video width="100%" height="100%" src="https://file.iviewui.com/inscode/InsCode.mp4" autoplay controls>
     </video>
 </body>
-</html>
\ No newline at end of file
+</html>
+<template>
+  <div>
+    <input type="text" v-model="textInput" @input="updateInput">
+    <span>{{ textHint }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      textInput: '',
+      textHint: ''
+    }
+  },
+  methods: {
+    updateInput(event) {
+      // 更新文本框的值
+      this.textInput = event.target.value
+      // 根据文本框的值更新提示信息
+      this.updateHint()
+    },
+    updateHint() {
+      // 根据文本框的值计算提示信息
+      this.textHint = '您输入了 ' + this.textInput.length + ' 个字符'
+    }
+  }
+}
+</script>