路由原理解析：vue-router 组件的 scrollBehavior属性解决了页面滚动对其他页面的影响问题

Vue对访问记录的管理
当用户浏览至某一页面时，系统会将当前页面信息存入 history 栈中。通过操作内置的 history 对象，可以实现对页面层级操作的控制，以满足特定需求。

Vue 的路由跳转机制是通过模拟 history.pushState() 与 history.replaceState() 方法实现的，该过程会在 history 栈中添加新的记录。这也解释了为何 Vue 中的 router.push 方法仅适用于支持 history.pushState() 的浏览器环境。当调用 router.go() 或 router.back() 方法时，其行为与浏览器原生的 history.go() 和 history.back() 类似，均用于访问 history 栈中的记录。上述操作与用户通过浏览器进行页面回退或前进的效果一致。

然而，在未进行额外处理的情况下，组件间的滚动行为可能与预期存在差异。

为何某些页面的滚动状态会影响其他页面
由于采用的是 SPA（单页应用）开发模式，整个应用实际上只包含一个页面。页面切换是通过哈希值与组件之间的映射关系来实现的。Vue Router 利用哈希来构建完整的 URL 路径，但就整个应用而言，URL 仍保持唯一性。因此，在任意组件内进行滚动操作后，切换至其他组件时，页面仍会保留