vue-router中aftereach()到底什么时候执行

Question

vue-router中aftereach()到底什么时候执行，具体应用场景是什么？

Answer 1

1. afterEach全局后置钩子,路由切换完成后触发。
2. 具体应用场景

举两个例子：

• 修改每个页面的title
• 每次切换页面的时候，让页面滚动到最顶部

Answer 2

真个vue-router守卫的调用如下：

1.导航被触发。
2.在失活的组件里调用 beforeRouteLeave 守卫。
3.调用全局的 beforeEach 守卫。
4.在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
5.在路由配置里调用 beforeEnter。
6.解析异步路由组件。
7.在被激活的组件里调用 beforeRouteEnter。
8.调用全局的 beforeResolve 守卫 (2.5+)。
9.导航被确认。
10.调用全局的 afterEach 钩子。
11.触发 DOM 更新。
12.调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的组件实例会作为回调函数的参数传入。

afterEach是在10步执行。