百罹鸟

Vuex 和 Pinia 是 Vue.js 应用中常用的状态管理库，它们的核心原理是管理共享状态，并提供一种在组件间高效传递和更新状态的方法。以下是它们的原理和对比，以及我的理解： Vuex 的原理

1. 概述 名称 $route $router 含义 当前活跃路由的对象，包含与路由相关的信息（只读）。 路由实例对象，包含导航的方法和全局路由配置。 类型 是一个路由对象，表示当前路由的状态和信息。

1. 核心区别 Vue Router 路由跳转 基于前端路由（SPA 单页应用） ： 仅改变 URL 地址，不刷新页面。 Vue Router 的跳转会动态加载相应的组件，而无需重新加载整个页面资源（

综合执行顺序 假设从 A 路由 导航到 B 路由，以下是完整的执行顺序： 1. 从 A 路由离开 router.beforeEach（全局前置守卫） beforeRouteLeave（组件内守卫，A

Vue Router 提供了多种 路由导航守卫，用于控制导航行为、权限校验、数据预加载等操作。导航守卫按触发时机和作用范围分类，主要有以下几类： 1. 全局守卫 这些守卫会在每次路由发生变化时触发，适

在 Vue 中，params 和 query 是两种常见的参数传递方式，它们在使用方式、表现形式、灵活性和适用场景上有显著的区别。以下是详细对比： params（路径参数） 用途：params 通常用

在 Vue-Router 中，History 模式和Hash 模式是两种常见的路由实现方式。它们的主要区别在于实现原理和 URL 表现形式： 1. Hash 模式 实现原理 基于浏览器的 hashch

前端路由的基本概念 定义：前端路由是一种在单页应用（SPA）中管理视图切换的机制。在传统的多页应用中，页面之间的切换是通过服务器返回不同的 HTML 页面来实现的。而在 SPA 中，整个应用只有一个

在 Vue 中，keep-alive 是一个特殊的组件，用于缓存组件实例以优化性能。它与 Vue 的生命周期有特殊的交互关系，尤其是在组件的创建和销毁流程中。 keep-alive 和 Vue 生命周