Vue2进阶-第十五篇：Vue2路由高级功能（下）

Vue2进阶-第十五篇：Vue2路由高级功能（下）

在Vue2的路由体系中，除了之前介绍的权限控制、页面标题设置等功能外，路由滚动行为以及大型应用的路由架构设计也是极为重要的部分。它们对于提升用户体验以及构建稳健、可维护的大型应用起着关键作用。接下来，我们将深入探讨这两方面的内容。

1. 路由滚动行为

滚动行为定义

在单页应用中，当用户进行路由切换时，页面的滚动位置默认不会发生变化。然而，在许多场景下，我们希望能够自定义路由切换时的滚动行为，比如让页面每次切换路由时都滚动到顶部，或者滚动到特定的元素位置。Vue2的路由提供了scrollBehavior方法来实现这一功能。

scrollBehavior方法接收三个参数：to（即将进入的目标路由对象）、from（当前导航正要离开的路由对象）以及savedPosition（在浏览器历史记录中前进或后退时的滚动位置）。通过返回一个包含x和y坐标的对象，我们可以控制页面滚动到指定位置。

例如，要实现每次路由切换时页面滚动到顶部，可以