钩子函数

导航守卫

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

    注册全局

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

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

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

 

2、router.afterEach(to, from)

    1）没有next参数

    2）不能改变导航

 

独享守卫

beforeEnter

 

 

组建内的守卫

1、beforeRouteEnter (to, from, next)

    

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

2）不能访问 this，因为钩子在导航确认前被调用，然而新组件还没有被创建

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

 

 

 

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

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

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

3）由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。

4）可以访问组件实例 `this`

 

3、beforeRouteLeave(to, from, next)

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

2）可以访问组件实例 `this`

3）通常用来禁止用户在还没有保存修改之前突然离开，可以通过next来取消导航