vuerouter狗子

Vue Router是Vue.js官方的路由管理器，用于实现前端的路由功能。在Vue Router中，有三个全局守卫和一个组件内守卫。

全局前置守卫(router.beforeEach)会在进入路由之前被调用，可以用来进行一些全局的权限验证或者路由拦截等操作。

全局解析守卫(router.beforeResolve)是在beforeRouteEnter调用之后调用的，可以用来做一些解析异步数据的操作。

全局后置钩子(router.afterEach)会在进入路由之后被调用，通常用来进行一些全局的后续操作。

它们的使用方法如下所示：

1. 全局前置守卫的注册方式是在创建Vue Router实例后调用beforeEach方法，并传入一个回调函数作为参数。在回调函数中可以进行相关的逻辑处理，比如判断用户是否登录等。

2. 全局后置钩子的注册方式是在创建Vue Router实例后调用afterEach方法，并传入一个回调函数作为参数。在回调函数中可以进行一些全局的后续操作，比如跳转到登录页面等。

3. 路由独享的守卫是在定义路由时通过beforeEnter属性来设置，可以为每个路由单独设置守卫逻辑。

4. 组件内的守卫是在组件内部通过定义beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave等方法来实现的，用于在组件内部进行路由相关的逻辑处理。

综上所述，Vue Router提供了全局守卫、路由独享的守卫和组件内的守卫，可以用来实现前端路由的权限控制和逻辑处理等功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>