用vue.js进行简单的游戏投票

游戏票 (Game Votes)

Simple Vue app to put an end to debating about which game we're going to play. (Personal project.)

简单的Vue应用程序可以结束我们将要玩的游戏的辩论。 (个人项目。)

My girlfriend's kids always fight over which video game we're going to play. I created a simple app to resolve these disputes.

我女友的孩子总是为我们要玩的视频游戏而战。 我创建了一个简单的应用程序来解决这些纠纷。

A game is chosen at random from a list of nominated games. Mario Kart 8's online multiplayer track selection inspired me.

从提名游戏列表中随机选择一个游戏。 Mario Kart 8的在线多人赛道选择启发了我。

View demo 查看演示 Download Source 下载源

如何 (How To)

1. Everyone starts with one vote.

   每个人都以一票开始。

   • coin icon.硬币图标来添加投票。

2. Place your vote by tapping on the game cover.

   通过点击游戏封面进行投票。

   • 
     of votes it has received.
     收到的票数。
   • The number of remaining votes is displayed at the top.
     剩余投票数显示在顶部。
   • reset icon removes the current votes and reverts the number重置图标将删除当前投票并恢复数字
     of remaining votes to its default value.
     剩余票数恢复为默认值。

3. Press the checkmark icon to select one of the nominated games at random.

   按对勾标记图标，随机选择其中一项提名游戏。

   • The number of votes a game receives increases the odds it will be chosen,游戏获得的票数增加了将被选择的几率，
     but does not guarantee the most popular choice will be selected. (e.g. 2000 & 2016)
     但不能保证会选择最受欢迎的选择。 (例如2000年和2016年)
   • You can make a game selection without placing all of the allotted votes.
     您无需进行所有分配的投票就可以选择游戏。

4. Review the results.

   查看结果。

   • 
     games and the number of votes each received.
     游戏和每个获得的票数。

5. Press "Pick Again" or "Start Over" for new results.

   按“再次选择”或“重新开始”以获得新结果。

   • 
     list of candidates before making another random selection.
     进行另一次随机选择之前的候选人列表。

翻译自: https://vuejsexamples.com/a-simple-game-votes-with-vue-js/