# `router.afterEach(hook)`
添加一个全局的后置钩子函数,该函数会在每次路由切换**成功进入激活阶段**时被调用。
注意,该函数调用时仅仅意味着切换已经被验证过了,也就是所有 `canDeactivate` 和 `canActivate` 钩子函数都成功的被断定( resolved )了,而且浏览器地址栏中的地址也已经更新。并不能保证所有的 `activate` 钩子函数都被断定了。
你可以注册多个全局的后置钩子函数,这些函数将会按照注册的顺序被同步调用。
### 参数
- `hook {Function}`
此钩子函数一个类型为[切换对象](../pipeline/hooks.html#transition-object)的参数,但是你只能访问此参数的 `to` 和 `from` 属性, 这两个属性都是路由对象。在这个后置钩子函数里**不能**调用任何切换函数。
### Example
``` js
router.afterEach(function (transition) {
console.log('成功浏览到: ' + transition.to.path)
})
```
- vue
- 官方教程
- 起步
- 安装
- 概述
- Vue 实例
- Class 与 Style 绑定
- 数据绑定语法
- 条件渲染
- 列表渲染
- 表单控件绑定
- 组件
- 计算属性
- 自定义指令
- 自定义过滤器
- 方法与事件处理器
- 混合
- 插件
- 过渡
- 深入响应式原理
- 对比其它框架
- 构建大型应用
- API
- vue-router
- 安装
- 基本用法
- 嵌套路由
- 路由对象和路由匹配
- 具名路径
- 路由配置项
- router-view
- v-link
- 切换控制流水线
- 切换钩子函数
- data
- activate
- deactivate
- canActivate
- canDeactivate
- canReuse
- API
- 路由实例属性
- router.start
- router.stop
- router.map
- router.on
- router.go
- router.replace
- router.redirect
- router.alias
- router.beforeEach
- router.afterEach
- 文章
- VUE.JS: A (RE)INTRODUCTION
- 源码
- 表单控件绑定