# `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
- 源碼
- 表單控件綁定