How does vue router handle asynchronous data requests between parents and children?

there is a background management system
routing nesting relationship: app.vue > a.vue > b.vue

I want to do this:
send a request to verify the validity of token in app.vue
send a data request in a / b, and the parameters of the data request depend on the relevant parameters returned by the token validity in app.vue.

question

is this design reasonable, and is it consistent with the original intention of vue"s bucket design?
there will be slow data returns in app.vue, but an and b will send their respective requests out of this asynchronous problem. How to solve this problem?

Javascript vuex vue-router vue.js

May.25,2022

reasonable. However, this is not a matter for the framework author to consider, not to mention whether it is consistent with the original intention of the design.
you can set a switch in app.vue, such as isLoaded , and then < b VIFF = "isLoaded" > in the template this ensures that app.vue will process an and b

after loading.

does not need to be sent separately to verify the validity of token. token is usually saved after the user logs in, and other subsequent requests are accompanied by this token . The back-end program first verifies the validity of token , which is valid to continue to return corresponding data. If it is not valid, return a status code, and the front end jumps to the login page according to this status code to log in again.

Previous: How to interface data more elegantly in complex business scenarios

Next: Element-ui Navigation menu style issu

For a vue project, a warning error will appear anywhere on the project page, and solve the problem.
when I first came into contact with vue, development, I found that this warning error will appear no matter where I click on the project page. I don t know if I have ever met anyone who made this error. Ask God for advice ...

Javascript vuex vue-router vue.js

Apr.12,2021
When the third-party registration page in App jumps back to the vue page, where does the initialization method update the status again?
for example, after the phone is bound, the status of the page should be updated. What is the specific method? ...

Html5 javascript vuex vue-router vue.js

Sep.11,2021
How to solve the problem of vue nested routing and repeated calls from the parent?
vue has the following route nesting: > app.vue > a.vue > b.vue app.vue is the ingress, an is a level 2 route, and b is a child of a when accessing the b route, the request written in an and some column hook events will be called repeatedly. What ...

Javascript vuex vue-router vue.js

May.27,2022
How do vue nested routes switch between parent and child content?
has the following routes app.vue > a.vue > b.vue a.vue is a full-screen content b.vue is also a full-screen content, and less parts are shared with a, so you can ignore router-view at the bottom of a.vue . when a-> b, the content of an is above th...

Javascript vuex vue-router vue.js

Jun.06,2022