vue项目创建步骤及路由router(5)

1、beforeEach  //全局守卫
2、beforeEnter  //路由独享守卫
3、beforeRouteEnter  //组件内守卫
4、beforeResolve   //全局解析守卫
5、afterEach        //全局后置钩子
6、beforeRouteLeave  //离开页面的时候调用,组件内独享(不离开页面不调用)

如果是路由复用(路由不变,路径参数变化),调用步骤为:
1、beforeEach  //全局守卫
2、beforeRouteUpdate //组件内守卫
3、beforeResolve   //全局解析守卫
4、afterEach        //全局后置钩子
5、beforeRouteLeave  //离开页面的时候调用,组件内独享(不离开页面不调用)

测试DEMO:https://github.com/xiaotanit/tan_vue

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/172856f0e83b2c86bd3a39d0f1e1fe8e.html