diff --git a/package.json b/package.json
index 8d908881291865b8959fb71ba723ec7e44103fb5..5ca245eb9292b5aab9454d65588de94bceb5ce1f 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
     "diff2html": "^3.4.41",
     "guess": "^1.0.2",
     "vue": "^3.2.37",
-    "vue-router": "^4.2.4"
+    "vue-router": "^4.2.4",
+    "vue-typed-js": "^0.1.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.0.1",
diff --git a/src/App.vue b/src/App.vue
index a5dc926d80a0d3f232995579770efcddc8f34249..776de44a40ebd1e6b13f7e31d33978aa0be205a6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,20 @@
 </script>
 
 <template>
-  <router-view />
+  123
+  <vue-typed-js
+    :strings="['测试哈哈哈<span>168</span>']"
+    :shuffle="true"
+    :typeSpeed="20"
+    :fadeOutClass="'fadeOutClass'"
+    :loop="true"
+    :loopCount="1"
+    :startDelay="500"
+    :showCursor="false"
+    :contentType="'html'"
+  >
+    <p class="typing"></p>
+  </vue-typed-js>
 </template>
 
 <style scoped>
diff --git a/src/main.js b/src/main.js
index 21c0adbd95d114189fe79638810377814636b84e..33bef1b087fa4fa546c528fa2ad6901ab2128a70 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,8 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router/index'
 
+import VueTypedJs from 'vue-typed-js'
+
 import './assets/main.css'
 
-createApp(App).use(router).mount('#app')
+createApp(App).use(router).use(VueTypedJs).mount('#app')