vue 路由守卫 原理
    Vue路由守卫是Vue Router提供的一种机制，用于在导航触发时对路由进行控制和过滤。它允许我们在路由跳转前、跳转后、以及路由更新时执行一些逻辑操作，比如验证用户身份、权限控制、页面加载状态管理等。Vue路由守卫的原理主要是基于Vue Router中的导航解析流程和钩子函数的调用。react router 原理
    首先，当用户触发路由导航时，Vue Router会先进行路由的解析，包括匹配路由规则、解析参数等。在这个过程中，Vue Router会依次触发全局前置守卫（beforeEach）、路由独享的前置守卫（beforeEnter）以及组件内的前置守卫（beforeRouteEnter）。
    全局前置守卫是在整个路由导航过程中都会执行的钩子函数，我们可以在这里进行一些全局的路由控制逻辑，比如验证用户是否登录、权限验证等。如果全局前置守卫中的逻辑判断不通过，可以通过next(false)来中断当前的导航。
    路由独享的前置守卫是在路由配置时定义的钩子函数，它只对当前路由有效。我们可以在这里进行一些特定路由的控制逻辑，比如页面级别的权限控制等。如果路由独享的前置守卫中的逻辑判断不通过，也可以通过next(false)来中断当前的导航。
    组件内的前置守卫是在组件内部定义的钩子函数，它可以访问组件实例、路由对象等信息。我们可以在这里进行一些与组件相关的路由控制逻辑，比如页面数据的加载、页面状态的管理等。在组件内的前置守卫中，我们也可以通过next(false)来中断当前的导航。
    除了前置守卫外，Vue Router还提供了全局解析守卫（beforeResolve）、全局后置钩子（afterEach）以及组件内的后置守卫（beforeRouteUpdate、beforeRouteLeave）等钩子函数，用于在导航解析和路由跳转后执行一些逻辑操作。
    总的来说，Vue路由守卫的原理是基于Vue Router的导航解析流程和钩子函数的调用，在不同的阶段执行不同的逻辑操作，从而实现对路由的控制和过滤。通过合理使用路由守卫，我们可以实现更加灵活和安全的路由管理。