Vue-router中钩子函数执行顺序是怎样的？

本文共计1648个文字，预计阅读时间需要7分钟。

目录：一：全局导航守卫函数

1.vue router.beforeEach（全局前置守卫）

2.vue router.afterEach（全局后置守卫）

二：路由独享的守卫

1.路由内的守卫（路由内守卫）

三：组件内的守卫

1.beforeRouteEnter（路由进入前守卫）

目录

• 一：全局导航钩子函数
• 1、vue router.beforeEach（全局前置守卫）
• 2、vue router.afterEach（全局后置守卫）
• 二：路由独享的守卫(路由内钩子)
• 三：组件内的守卫(组件内钩子)
• 1、beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave
• 2、路由钩子在实际开发中的应用场景
• vue-router执行顺序

一：全局导航钩子函数

1、vue router.beforeEach（全局前置守卫）

beforeEach的钩子函数，它是一个全局的before 钩子函数， （before each）意思是在 每次每一个路由改变的时候都得执行一遍。