Vue Router 与 Pinia教程

围绕 Vue 单页应用的路由和全局状态管理,系统掌握 Vue Router 4、导航守卫、动态路由、Pinia、持久化、权限菜单与后台应用架构。

SPA 与前端路由 / Spring MVC 后端路由

本章属于「Vue Router 与 Pinia / Vue Router 基础」,围绕「SPA 与前端路由 / Spring MVC 后端路由」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Nested Routes 与后台 Layout

本章属于「Vue Router 与 Pinia / Router 进阶」,围绕「Nested Routes 与后台 Layout」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

beforeEach、beforeResolve、afterEach

本章属于「Vue Router 与 Pinia / 导航守卫与认证」,围绕「beforeEach、beforeResolve、afterEach」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

局部状态、全局状态与服务端状态

本章属于「Vue Router 与 Pinia / Pinia 核心」,围绕「局部状态、全局状态与服务端状态」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

User Store

本章属于「Vue Router 与 Pinia / Pinia 工程化」,围绕「User Store」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

登录 API → Store → Guard → 页面访问

本章属于「Vue Router 与 Pinia / Router + Pinia 综合架构」,围绕「登录 API → Store → Guard → 页面访问」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

createRouter、createWebHistory、routes

本章属于「Vue Router 与 Pinia / Vue Router 基础」,围绕「createRouter、createWebHistory、routes」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Route Meta、Title、Breadcrumb

本章属于「Vue Router 与 Pinia / Router 进阶」,围绕「Route Meta、Title、Breadcrumb」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

beforeEnter 与组件级 Guard

本章属于「Vue Router 与 Pinia / 导航守卫与认证」,围绕「beforeEnter 与组件级 Guard」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

defineStore、State

本章属于「Vue Router 与 Pinia / Pinia 核心」,围绕「defineStore、State」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

LocalStorage / SessionStorage 持久化

本章属于「Vue Router 与 Pinia / Pinia 工程化」,围绕「LocalStorage / SessionStorage 持久化」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Sidebar、Breadcrumb 与 Router Meta

本章属于「Vue Router 与 Pinia / Router + Pinia 综合架构」,围绕「Sidebar、Breadcrumb 与 Router Meta」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

router-link、router-view、命名路由

本章属于「Vue Router 与 Pinia / Vue Router 基础」,围绕「router-link、router-view、命名路由」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Redirect、Alias、404

本章属于「Vue Router 与 Pinia / Router 进阶」,围绕「Redirect、Alias、404」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

登录态、requiresAuth 与重定向

本章属于「Vue Router 与 Pinia / 导航守卫与认证」,围绕「登录态、requiresAuth 与重定向」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Getters

本章属于「Vue Router 与 Pinia / Pinia 核心」,围绕「Getters」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

多 Store 拆分与循环依赖

本章属于「Vue Router 与 Pinia / Pinia 工程化」,围绕「多 Store 拆分与循环依赖」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

动态菜单、动态路由与后端权限

本章属于「Vue Router 与 Pinia / Router + Pinia 综合架构」,围绕「动态菜单、动态路由与后端权限」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

push、replace、back

本章属于「Vue Router 与 Pinia / Vue Router 基础」,围绕「push、replace、back」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Route Lazy Loading

本章属于「Vue Router 与 Pinia / Router 进阶」,围绕「Route Lazy Loading」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

权限判断、401/403 与后端安全边界

本章属于「Vue Router 与 Pinia / 导航守卫与认证」,围绕「权限判断、401/403 与后端安全边界」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Actions

本章属于「Vue Router 与 Pinia / Pinia 核心」,围绕「Actions」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Pinia Plugin

本章属于「Vue Router 与 Pinia / Pinia 工程化」,围绕「Pinia Plugin」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

刷新恢复、退出清理与多标签页状态

本章属于「Vue Router 与 Pinia / Router + Pinia 综合架构」,围绕「刷新恢复、退出清理与多标签页状态」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

params、query、hash 与 URL 状态

本章属于「Vue Router 与 Pinia / Vue Router 基础」,围绕「params、query、hash 与 URL 状态」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Dynamic Route:addRoute / removeRoute

本章属于「Vue Router 与 Pinia / Router 进阶」,围绕「Dynamic Route:addRoute / removeRoute」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

导航解析流程与无限重定向排错

本章属于「Vue Router 与 Pinia / 导航守卫与认证」,围绕「导航解析流程与无限重定向排错」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

storeToRefs 与 $reset

本章属于「Vue Router 与 Pinia / Pinia 核心」,围绕「storeToRefs 与 $reset」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Store 测试与 DevTools

本章属于「Vue Router 与 Pinia / Pinia 工程化」,围绕「Store 测试与 DevTools」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Router / Pinia 秋招题与后台权限实战

本章属于「Vue Router 与 Pinia / Router + Pinia 综合架构」,围绕「Router / Pinia 秋招题与后台权限实战」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。