如何手动实现Vue Router的核心功能？

本文共计2517个文字，预计阅读时间需要11分钟。

在前后端分离的当下，大部分应用的展示方式都转变为SPA（Single Page Application，单页面应用）模式。选择SPA的原因在于：

- 用户的所有操作都在同一个页面上完成，无需刷新页面，体验更加流畅。- 代码结构清晰，易于维护和扩展。- 可以实现丰富的交互效果，提升用户体验。- 优化了页面加载速度，减少了服务器压力。

为什么需要前端路由

在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于：

• 用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。
• 对比多页面，单页面不需要多次向服务器请求加载页面（只请求一次.html文件），只需要向服务器请求数据（多亏了 ajax）。因此，浏览器不需要渲染整个页面。用户体验好。

归根结底，还是因为 SPA 能够提供更好的用户体验。

为了更好地实现 SPA，前端路由是必不可少的。假设一个场景：用户在 SPA 页面的某个状态下，点击了强制刷新按钮。如果没有前端路由记住当前状态，那么用户点击该按钮之后，就会返回到最开始的页面状态。这不是用户想要的。

当然，需要前端路由另一个点在于：我们可以更好地进行 SPA 页面的管理。通过将组件与路由发生配对关联，依据路由的层级关系，可为 SPA 内部的组件划分与管理提供一个依据参考。