vue router 如何处理 父子间 异步数据请求？

Question

有一个后台管理系统路由嵌套关系：app.vue > a.vue > b.vue我想这么做：在app.vue中发送验证token有效性的请求在a / b 中发送数据请求，数据请求的参数依赖app.vue中token有效性返回的相关参数。问题这么设计合理吗，跟vue全家桶设计初衷相一致吗？会有app.vue中数据返回很慢，但是a b 就把各自的请求发送出去了这种异步问题，该怎么解决?

Answer 1

1. 合理。不过这并不是框架作者要考虑的事情，谈不上和设计初衷是否一致。

2. 可以在 app.vue 里设置一个开关，比如 isLoaded，然后模板里 <a v-if="isLoaded"></a> <b v-if="isLoaded"></b> 这样就可以保证 app.vue 加载完之后再处理 a 和 b

Answer 2

不需要单独发送验证token有效性，token一般是用户登录后才保存下来的,后面的其他的请求都带上这个token,后端的程序先校验token有效性，是有效的继续返回相应的数据，不是有效的，返回一个状态码，前端根据这个状态码跳转到登录页面重新登录。