vue弹框没点开就调接口
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue弹框没点开就调接口相关的知识，希望对你有一定的参考价值。
参考技术A 在vue实际项目中，很多时候会在mounted或者created请求数据接口然后渲染到页面上，但是这两个生命周期都是只会在第一次进入页面后执行，再次进入该页面时，由于vue-router的机制，会缓存已经加载过的页面数据这样会大大提高效率，所以我们使用$router.push等跳转操作时会发现已经在其他页面上修改的数据，跳转到这个页面，修改的数据并没有变化。10 款开源的在线游戏，点开就能玩的那种
我早前写过一篇介绍 GitHub 上开源游戏的文章：《误入 GitHub 游戏区，结果意外地收获颇丰》，文中介绍了 5 款有趣、好玩的开源游戏，虽然当时那篇文章收获了广大读者的肯定，但也有读者反馈：“这些游戏看着是真有意思，但是不会安装，玩不上干着急啊！” 读者的需求就是我前进的方向，与其“讲道理”不如直接砍掉门槛，所以我开始筹划写一篇点开就能玩的开源游戏集合。
在寻找有趣的在线游戏开源项目的时候，我发现虽然它们在游戏品质、画面方面，比不上那些 PC 游戏，但它们也有自己的优点，比如：无需安装、操作简单、玩法新颖、益智放松，这些游戏基本上用碎片时间（等餐、路上、开会？）就可以马上开一盘，重点是因为它们运行在浏览器上，所以其中大部分游戏支持手机端玩耍，简直不要太爽！
今天，我终于攒够了 10 款开源的在线游戏，一次性全部分享给大家。HelloGitHub 精选的开源项目，必定有它的过人之处，接下来就让我们一起“边看边玩”吧！
1、Hextris（六边形的俄罗斯方块）
Star 数：2k｜编程语言：JavaScript｜手机端：支持
这是一款受到俄罗斯方块启发，快节奏的益智游戏。Hextris 大体上和俄罗斯方块玩法一样，通过控制方向消除下落的块。
玩家可以通过 左/右 方向键旋转六边形，让下落的彩色条块落在指定的边上，向下方向键可以加快下落速度。通过连接 3 种或以上相同颜色的块，来清除块并获得积分，连续消除有积分加倍的奖励，当色块突破深灰色六边形时游戏结束。
2、adarkroom（小黑屋）
Star 数：6.3k｜编程语言：JavaScript｜手机端：不支持
一款有趣的纯文字冒险类游戏，支持中文。在游戏中玩家通过收集材料，增加建筑、制作道具、武器，感受有趣的冒险之旅。如果你喜欢 RPG 类的游戏，那它一定会是你的菜。
该游戏前期有些无聊只能点击 添柴，没玩过的同学刚开始容易摸不着头脑，因为事件触发需要时间，看滚动的文字+点击 添柴 耐心等 30 秒，就会触发新的事件，从而开启你的冒险之旅。游戏默认会保存游戏进度到本地，另外还支持导入/导出存档。
3、lifeRestart（人生重开模拟器）
Star 数：9.6k｜编程语言：JavaScript｜手机端：支持
说到在线文字游戏就不得不提到，前两年特别火的一款开源游戏「人生重开模拟器」。
游戏里，玩家只需在开局时选天赋、分配初始属性，后面就是看岁月如白驹过隙，转眼就过完了这一生，不满意的话可以点击 再次重开 即可开启新的人生。该游戏凭借诙谐幽默的文案，和出乎意料的结局，风靡一时。现在除了上述的经典模式玩法，还新增了名人模式，体验名人的一生。
4、lila（国际象棋）
Star 数：12.9k｜编程语言：Scala+TypeScript｜手机端：支持
这是一款承诺永远免费、无广告的国际象棋游戏，支持中文。该项目不单单是一款国际象棋的游戏，更像是关于国际象棋一切的平台。因为它除了可以在线对战、人机对战、好友对战、比赛等玩法，还有学习国际象棋的教程、社区以及观战和直播。
5、proxx（扫清黑洞）
Star 数：1.2k｜编程语言：JavaScript｜手机端：支持
一款类似扫雷的游戏，玩法和规则和扫雷基本上一样，这里是排除未知块背后的黑洞。
开局可以选择游戏难度，设置宽/高和黑洞数量。玩家点开一个未知块后，会出现数字或者黑洞，如果是数字的话，则该数字代表周围的黑洞数量，比如「1」则代表该数字周围的块背后有一个黑洞，如果点到黑洞则游戏结束。左上角显示的是未知块的数量，右上角是耗费/最佳时间，下面的 switch 按钮则可以切换到标记模式。
6、react-tetris（俄罗斯方块）
Star 数：7.4k｜编程语言：TypeScript｜手机端：支持
复刻经典的俄罗斯方块，该项目采用 React+Redux+Immutable 的技术栈。这款游戏的复刻程度堪称像素级别，不仅体现在画面上，还有流畅度、玩法、音效等方面都做到了极致。
7、Open-Golf（迷你高尔夫）
Star 数：1.6k｜编程语言：C｜手机端：不支持
一款打高尔夫的游戏，共有 20 个关卡。虽然游戏画面很糙但我玩得挺上头，亮点是碰撞反应和关卡设计得很有意思。
8、pinball（彈珠台）
Star 数：1.9k｜编程语言：Flutter｜手机端：不支持
这是谷歌开源的一款采用 Flutter 和 Firebase 构建的经典弹球游戏。开局时有操作提示：A(左过滤器)/S(发球)/B(右过滤器)，游戏制作得十分精致。
9、chinese-dos-games（中文 DOS 游戏）
Star 数：7.2k｜编程语言：Python｜手机端：支持
一款在线的中文 DOS 游戏集合，目前支持 1800+ 款游戏。
10、habitica（习惯）
Star 数：9.6k｜编程语言：JavaScript｜手机端：支持
这是一个培养习惯的开源应用，那它为什么会出现在游戏集合里呢？因为它会将你培养习惯的过程，当作一个 RPG 角色扮演游戏。
你需要根据设定的习惯，创建对应现实中需要完成的任务，当你完成一个任务时会获得相应的经验和金币，这些东西可以用来提升虚拟人物的等级以及购买装备。但当任务失败时，对应的将失去血量作为惩罚。随着你的等级提升，将会开启更多的玩法，比如：孵化宠物、职业、专属技能、组队打副本等。
最后
写这篇文章的时候，我发现一款经典的游戏会有很多同类型的开源项目，比如在 GitHub 上搜「俄罗斯方块」会找到 5 万个开源项目，但是能够做到和文中的「Hextris」和「react-tetris」，同等品质的开源项目却寥寥无几。
其实，功能大差不差都一样，但是每个项目特有的“东西”不会一蹴而就，这需要持续的迭代、花费大量的精力和时间，才能让项目脱颖而出。
还是那句话：用工匠精神打磨开源项目定将铸就经典，以上就是本期介绍的所有开源游戏项目，如果你喜欢本期内容就 点赞 支持一下吧！
作者：削微寒
扫描左侧的二维码可以联系到我
本作品采用署名-非商业性使用-禁止演绎 4.0 国际 进行许可。
以上是关于vue弹框没点开就调接口的主要内容，如果未能解决你的问题，请参考以下文章