vue-router

[yongheng2016]

执行时机

• 由首页进入user页面： global beforeEach > router beforeEnter > component beforeRouteEnter > global beforeResolve > global afterEach > mounted
• 由user回到首页： component beforeRouteLeave => global beforeEach => global beforeResolve => global afterEach

排除beforeRouteUpdate，其余六个导航钩子的执行时机其实很好理解。大体按照leave、before、enter、resolve、after的顺序并全局优先的思路执行。beforeRouteUpdate的触发是在动态路由情形下，比如 path: '/user/:userName' 这条路由，当页面不变更只动态的改变参数userName时，beforeRouteUpdate便会触发。