Fri Sep 1 15:06:01 CST 2023 inscode

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",

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>

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')