router
router copied to clipboard
Visualized the text content of the "The Full Navigation Resolution Flow" section.
Visualized the text content of the last section of the "guide/advanced/navigation-guards.md" document: "The Full Navigation Resolution Flow".
If there is no problem with the content, it seems easier to understand than the text.
If you decide to use this image, duplicate it on the vue team's figma. The figma link annotations in the documentation also need to be corrected.
If there are any problems, please reject this PR (with comments).
Deploy Preview for vue-router ready!
| Name | Link |
|---|---|
| Latest commit | fe91631305d2d32672aea5dcc6788b1d01c53ec5 |
| Latest deploy log | https://app.netlify.com/sites/vue-router/deploys/62e020d7d870bb000848c2b1 |
| Deploy Preview | https://deploy-preview-1486--vue-router.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site settings.
Image changed:
- Removed misleading Vue lifecycles
- More detailed router flows
Add content:
- Example implemented in code sandbox
There are no editable files, but the images were made in Figma. If duplicated this project with "your or vue team's" figma account, can edit it in figma. This is an image link that can be duplicated: https://www.figma.com/file/nxHzZVExlwnOiWhfeDU0nB/Vue-Router-Flow
Also note beforeRouteLeave happens first and that beforeRouteEnter's next happen after DOM updates but there is no guarantee it's exactly after mounted or any other lifecycle hook
This is likely to be understood by users through more detailed images and examples. If I misunderstood technically and wrote the content, please reject it again(with comments).
Image changed:
- Flow modified
PS. I've seen you visit my figma project. Now you can also edit this.
Has changed file any problems? Looking forward to your feedback :)
Thanks a lot, I will get back to this later on once I update vue router docs.