钩子函数

导航守卫

一、router.beforeEach(to, from, next)

    注册全局

    1）to: Route: 即将要进入的目标 路由对象

    2）from: Route: 当前导航正要离开的路由

        3）next: Function: 必定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。

 

二、router.afterEach(to, from)

    1）没有next参数

    2）不能改变导航

 

独享守卫

beforeEnter

 

 

组建内的守卫

一、beforeRouteEnter (to, from, next)

    

1）在渲染该组件的对应路由被 confirm 前调用

2）不能访问 this，由于钩子在导航确认前被调用，然而新组件尚未被建立

可是能够经过一个回调给next来访问组件实例，在导航被确认的时候执行回调并把组件实例做为回调方法的参数

 

 

 

二、beforeRouteUpdate(to, from, next) (2.2 新增)

1）在当路由数据跟新，可是该组件被复用时调用

2）举例来讲，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，

3）因为会渲染一样的 Foo 组件，所以组件实例会被复用。而这个钩子就会在这个状况下被调用。

4）能够访问组件实例 `this`

 

三、beforeRouteLeave(to, from, next)

1）导航离开该组件的对应路由时调用

2）能够访问组件实例 `this`

3）一般用来禁止用户在尚未保存修改以前忽然离开，能够经过next来取消导航