如何在Vue中实现打字机效果，实现长尾词的动态显示？

本文共计921个文字，预计阅读时间需要4分钟。

目录 + 最终效果 + 以上四句话循环重复 + 具体代码如下 + 前一段时间找工作的经历，制作网页简历，想实现打字机的效果。 + 按理说，像打字机这种动态效果，首选的实现方式是jQuery，最终确实也是以操作DOM为主。

目录

• 最终效果
• 以上四句话循环重复
• 具体代码如下

前一段时间找工作做网页简历，想实现打字机的效果。

按理说像打字机这种动画效果的实现首选是jquery，毕竟jquery还是以操作dom为主，而vue是数据驱动，但是jquery并没有能狗满足我设想的功能的插件，又偷懒不想自己实现双向绑定，只好自己用vue实现。

代码写的不是很漂亮，希望大家不喜勿喷，这里只是提供一个思路。

最终效果

I‘m ByPunk!
I‘m looking for a job.
I‘m a front-end programmer.
I‘m coding the web…

以上四句话循环重复

以打字机的效果显示输入和删除，因为前面的I‘m是相同的，所以只对后面的内容加以修改。

1.事先定义好字符串str：str='By Punk!'，使用数组的splite方法将str分解成由字母组成的数组。