这个想法很简单。 显示一个数字，然后让用户键入他们在屏幕上看到的数字。 虽然有一个转折。 我们首先显示一个数字，然后添加随着用户进入更高级别而显示的数字。 我们还在数字上引入了超时显示，这样数字将仅显示特定的持续时间，然后对用户隐藏。 Ez对吗？
我将跳过html和css部分，直接进入vuejs部分并制作游戏。
- 命运2的“鬼屋”实现了早期扩张区之一的潜力
- 哈利·波特：巫师联盟，游戏Terbaru dari Pengembang Pokemon Go
- 营销如何推动免费游戏的参与度
- 您可以在乙烯基上购买的最佳VGM
- 运行拥挤的桌子
产生一个随机数。
在javascript中生成随机数非常容易。 只需放入Math.random()即可完成。 但问题是Math.random()仅生成0 and 1之间的随机数。 我们希望能够生成n位数字的整数。 下面的代码使我们能够做到这一点。
现在已经生成了一个随机数，现在让我们在游戏设置中创建一个新的vue实例。
假设用户已经看到了该号码，那么在隐藏该号码之前我们应该等待多长时间？ 这就是我做到的。 let time = this.level * 160 。 160没什么特别的。 经过各种时间间隔的测试后，我得出结论，这个时间间隔将是相当公平的。 我们将通过调用hideNumber()函数使用setTimeout隐藏数字。
最后一件事。 我们需要在组件加载后立即显示一个数字。 在vuejs中，这很简单。 我们需要将代码放入已挂载的函数中。
把它放在一起。
演示。
Vuejs记忆游戏
问候，我们要玩游戏吗？ 重新输入您在下面看到的号码。 Ez对吗？ sadick254.github.io
这篇文章的灵感来自Pham Mikun的 codepen（反应版）
