cyrbuzz

@unii23i

啊哈，你都时刻提醒自己不陷入定式了，它还能困扰你不成。

探寻原理就是乐趣之一咯~。

把 3 扩展一下，每玩完之后都进行复盘和举一反三。比如密室的语音里如果有`数字`类的内容很有可能是需要转换 /填写的提示，密室里这个房间内的道具一般不会在下个房间里用。做完复盘之后发现了这些套路再把自己代入出题者视角，尝试用这些套路去设计一个关卡。

感觉你这个直接把 v-if="isLoading"扩展成 v-if="isLoading || isLogin"就完事了。

分析下来你的 loading 仅处理了是不是完成了登录 API 的调用，完全没什么问题，逻辑紧密也很容易理解。

理想情况下 loading 完之后应该立即跳转到下一个页面，不应该在当前页面停留，但因为某些原因导致仍然会在此页面停留一段时间，就导致了问题。

顺着这条路解决思路就是：
1. 在继续停留的这段时间内仍然保持 loading 状态(做法如前所说，loading 的判断变成是否处在 API 调用中或者是否已经登录，或者楼上说的在下个页面处理(= =不太推荐，这样逻辑太撕裂了))。
2. 专门做一下路由切换的过渡动画，这个 Vue 开箱即用，https://router.vuejs.org/zh/guide/advanced/transitions.html 。
3. 预(懒)加载一些资源(楼上说的异步组件)，让将要去的页面尽快显示出来。

如果是我的话= =，通用性强的方法就是 2+3 一起做，实际上也应该是项目中应该做到的事情(ToC)，省事就 1 咯。

封装 axios 看看我这篇？个人用着还不错。

https://juejin.cn/post/7096372659079872526#heading-11 。

类型体操刷一刷 TypeScript 挑战基本业务应该没什么可以难倒的。

https://juejin.cn/post/7206208345605849149

信心又增加了。

一楼+1 。

能操控物理机啥 s 都不好使。

我都能操控给你电脑加环境变量了，在你证书里赛个其他证书也不是难事。

@enchilada2020

还好只刷到了 medium 难度（逃~）。

@enchilada2020

已将 Vscode 自动格式化丢进垃圾桶= =。

分母。