Vue.js中文手册

router.afterEach(hook)

添加一个全局的后置钩子函数，该函数会在每次路由切换成功进入激活阶段时被调用。

注意，该函数调用时仅仅意味着切换已经被验证过了，也就是所有 canDeactivate 和 canActivate 钩子函数都成功的被断定( resolved )了，而且浏览器地址栏中的地址也已经更新。并不能保证所有的 activate 钩子函数都被断定了。

你可以注册多个全局的后置钩子函数，这些函数将会按照注册的顺序被同步调用。

参数

• hook {Function}

  此钩子函数一个类型为切换对象的参数，但是你只能访问此参数的 to 和 from 属性, 这两个属性都是路由对象。在这个后置钩子函数里不能调用任何切换函数。

Example

router.afterEach(function (transition) {
  console.log('成功浏览到: ' + transition.to.path)
})