打字游戏(使用Vue开发)

这是一个打字游戏。

规则如下

1、当输入第一个字母的时候,开始计时,当完全输入正确,计时停止。并且不能继续输入。
2、输入字母正确时显示为绿色,错误的显示为红色。
3、输入正确后,点击刷新按钮,可以换题目。

截图如下

打字游戏(使用Vue开发)_第1张图片
开始游戏页面
打字游戏(使用Vue开发)_第2张图片
输入正确页面

你可以学习到以下知识点

1、组件的全局使用。
2、模版的使用。
3、props。从父组件传递参数到子组件。
4、自定义事件。子组件通过emit与父组件进行通讯。

代码如下:




    打字游戏
    
    



    

{{ title }}


还可以优化的地方: 1、计数器刷新清零。实现单独计时。(完成) 2、统计多次计时,算出总数。 3、不要使用focus触发计时器,使用watch触发。(完成)

你可能感兴趣的:(打字游戏(使用Vue开发))