vue router历史栈管理本质是封装浏览器history api并控制当前指针位置：router.push新增记录并移指针至栈顶，router.replace就地替换不增栈长，router.go(-1)仅移动指针不改栈长，不同模式底层实现虽异但栈逻辑一致。
Vue Router 的历史记录栈管理，本质上是对浏览器 history API 的封装与增强。它不是简单地“堆叠页面”，而是通过控制当前指针（*current）在栈中的位置，来决定 push、replace、go 等操作的实际行为。理解这一点，就能解释为什么点浏览器后退有时跳不到预期页面。
router.push 会新增记录并移动指针到栈顶
每次调用 router.push()，Vue Router 都会在 history 栈末尾添加一条新记录，并把当前指针指向它。这是默认的导航方式，支持浏览器原生后退。
- A → B：执行
push('/b')，栈变为[A, B]，指针在 B - B → C：执行
push('/c')，栈变为[A, B, C]，指针在 C - 此时点击浏览器后退，指针移回 B，页面显示 B —— 符合直觉
router.replace 是“就地替换”，不新增记录
router.replace() 不会延长栈长度，而是用目标路径覆盖当前栈顶位置的内容，指针仍停留在原位置（只是内容变了）。
- 当前在 B（栈为
[A, B]），执行replace('/c')，栈变成[A, C]，指针仍在原索引（第二位） - 用户再点浏览器后退，会回到 A，跳过了 B —— 因为 B 已被 C 替换，不再存在于栈中
- 常用于登录成功跳首页、表单提交后跳结果页等“不留返回入口”的场景
router.go(-1) 只移动指针，不改变栈长度
go(n) 是纯粹的指针调度：它不增删记录，只让指针向前或向后滑动 n 步。这带来两个关键特性：
- 若当前指针不在栈顶（比如从 C 手动
go(-1)回到 B，但栈仍是[A, B, C]），后续调用push()不会追加到末尾，而是在指针当前位置之后覆盖插入 - 因此连续 C→B→C→B 时，用
go(-1)回退 +push()跳转，可避免 B 在栈中重复堆积，保证浏览器后退始终回到 A -
back()就是go(-1)的语义别名，效果完全一致
不同 history 模式底层依赖不同，但栈逻辑一致
无论是 createWebHistory（HTML5 模式）还是 createWebHashHistory（Hash 模式），它们对“栈”的抽象逻辑是统一的：都维护一个有序记录序列和一个当前指针。区别仅在于底层如何监听变化：
- HTML5 模式用
pushState/replaceState和popstate事件 - Hash 模式用
location.hash和hashchange事件 - 但无论哪种，
push、replace、go对栈和指针的操作规则完全相同
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
