路由导航钩子

路由导航钩子：主要用来拦截导航，让其完成跳转或者取消跳转

1、全局钩子： beforeEach、beforeResolve、 afterEach(after钩子没有next方法，不能改变导航)

router.beforeEach( (to,from,next) => {
  //do something 
  next(); //  该方法调用resolve钩子
  next(false); //中断当前的导航
  next('/')或者next({path:'/'})  // 跳转到一个不同的地址，当前的导航被中断
})

2、单个路由独享的钩子：beforeEnter

在路由配置上直接定义beforeEnter 钩子

var router = new VueRouter({
  routes:[
   { path:'/foo',
     component:Foo,
     beforeEnter:( to, from, next ) => {...}     
    }
  ]
})

3、组件级的导航钩子： beforeRouterEnter、beforeRouterUpdate、beforeRouterLeave