小学生学打字的软件，我是怎么用vue做的

小学生学打字一般要有关卡性质，参照了很多对标的网站后，打算自己在次做一个系统点的给小朋友学习打字用的网站。

做过91小键人的网站91xjr.com后，发现技术很旧了每次更新都要关联到很多问题，一会儿少这一会儿少那，但之前也考虑到seo所以都集中到后端渲染。

这次做少儿打字网站kidtype.cn我解决用vuejs重新来做一下，不过用的是vue2来处理。虽然有vue3,但vue2我还是比较熟一些，为了赶上线就选择了它。

vue2主要是比较好理解一下那个写法格式吧，但也没有用ts的写法，vue3是有也听说性能增加了不少。后期在考虑替换吧。

先看一下两个网站不同的效果吧，

少儿打字、小朋友打字、小学生打字的界面是这样

我们设计了很多课程，最难的就是这个了，因为里头有很多不同的打字引擎做渲染。要写很多组件来实现。主要是为后期升级改进封装起来的。小学生打字引擎中，分别有：键位练习引擎、拼音打字引擎、数字小键盘打字引擎、编程打字引擎、打字游戏引擎、会计实操引擎等。

vue2做的是路由单页的方式，前后端分离。对seo很不友好，不知道能不能收录，有没有人知道vue2做的项目怎么让seo收录的？

现在在回来看之前做的91小键人打字91xjr.com。这个网站用的是混合模式，有jquery、vue2、layui等一些比较老旧的技术。

但是对seo考虑的比较多，也做的ngix的优化。页面图片压缩，懒加载等等。主动推送seo的让百度收录等。这些还是比较可以实现。但是少儿打字的kidtype目前不知道怎么下手。

看一下91小键人网站效果