vue3实现打字机的效果

前言：

????????vue3项目中实现打字机的效果。

实现效果：

实现步骤：

1、安装插件

npm i vue3typed

2、main.js中配置

import vuetyped from 'vue3typed'

const app = createApp(App)
// 挂载打字机的全局方法
app.use(vuetyped)

3、界面使用

 <vuetyped :showCursor="false" :smart-backspace="false" :strings="writeTextArr" :type-speed="15">
    <div class="typing" />
</vuetyped>

<script setup>
    const writeTextArr = ref([
      "张庚生于1911年，生长在中国旧戏改良、新剧登场这个充满博弈的文化环境中，其思想中既有中国传统戏曲影响下的中国美学理想,又有中国人睁眼看世界的民族视野，并贯穿其研究事业的始终。",
    ]);
</script>

4、api文档

。。。