add global afterEach hook (close #88)

Author: yyx990803

src/router/api.js

@@ -66,6 +66,16 @@ export default function (Vue, Router) {
     this._beforeEachHook = fn
   }
 
+  /**
+   * Set global after hook.
+   *
+   * @param {Function} fn
+   */
+
+  Router.prototype.afterEach = function (fn) {
+    this._afterEachHook = fn
+  }
+
   /**
    * Navigate to a given path.
    * The path is assumed to be already decoded, and will

src/router/index.js

@@ -49,6 +49,7 @@ export default class Router {
     this._previousTransition = null
     this._notFoundHandler = null
     this._beforeEachHook = null
+    this._afterEachHook = null
 
     // feature detection
     this._hasPushState =

src/router/internal.js

@@ -194,6 +194,13 @@ export default function (Vue, Router) {
         child.$route = route
       })
     }
+    // call global after hook
+    if (this._afterEachHook) {
+      this._afterEachHook.call(null, {
+        to: transition.to,
+        from: transition.from
+      })
+    }
   }
 
   /**

test/unit/specs/core.js

@@ -446,6 +446,36 @@ describe('Core', function () {
     }
   })
 
+  it('global after', function (done) {
+    router = new Router({ abstract: true })
+    var App = Vue.extend({
+      template: '<div><router-view></router-view></div>'
+    })
+    router.map({
+      '/a': {
+        component: {
+          template: '<p>a</p>'
+        }
+      }
+    })
+    var callCount = 0
+    router.afterEach(function (transition) {
+      if (callCount === 0) {
+        // initial match
+        expect(transition.from.path).toBeUndefined()
+        expect(transition.to.path).toBe('/')
+      } else {
+        // second match
+        expect(transition.from.path).toBe('/')
+        expect(transition.to.path).toBe('/a')
+        done()
+      }
+      callCount++
+    })
+    router.start(App, el)
+    router.go('/a')
+  })
+
   it('transitionOnLoad option', function (done) {
     router = new Router({
       abstract: true,