详解vue-router导航守卫

对此，vue-router 提供的 beforeEach可以方便地实现全局导航守卫。组件内部的导航守卫函数使用相同，只是函数名称不同。钩子，早期编程可能有个概念叫句柄，不知道将两者类比而且强行归为一类是不是合适。钩子的用处是在某个特定流程中的不同时机暴露出一些函数，使得用户可以通过覆写这些函数实现在原有位置执行自己的代码逻辑的功能。vue-router中的导航钩子按定义位置不同分为全局钩子、路由级钩子和组件级钩子。全局钩子有三个，分别是beforeEach、beforeResolve和afterEach，在路由实例对象注册使用；确保要调用 next 方法，否则钩子就不会被 resolved。大体按照leave、before、enter、resolve、after的顺序并全局优先的思路执行。