vueRouter 路由管理器

Sy_ Lv6

VueRouter是Vue提供的一个路由管理器,专门用于处理路由和url的映射关系,有点儿像Nginx的功能。

功能如下图所示:
::: center
20250226181117
:::

例如,当用户访问https://shenying.online/a,web服务就会收到请求。然后解析路径/a,程序就会把这个请求交给类似的路由管理器来管理。

而前端不需要像传统的路由器那样使用服务器来解析,而是通过一个本地的程序来进行hash映射或者利用H5中的history API实现。

一般使用前端路由的程序为不涉及页面跳转的单页面应用。

前端路由有如下优点:

  1. ==页面刷新速度快==:由于不需要向服务器发送请求,所以这个过程不会受到网络延迟的影响,实际上只是完成部分组件间的切换,因此页面的刷新速度会比较快,用户体验也更好些。
  2. ==复用性强==:由于使用前端路由的应用为单页面应用,所以代码中很多 CSS、JS 都可以共用,避免了过多的重复加载,大大提升了性能。
  3. ==页面状态可记录==:如果不使用前端路由,仅通过 Ajax 在页面进行局部切换的应用,由于页面 URL 始终保持不变,因此页面的状态是无法记录的,而前端路由很好的解决了这个问题。例如,使用了前端路由的应用中访问 https://www.lanqiao.cn/a 这个链接,再打开后会直接触发 /a 匹配的路由页面中的事件。

当然,缺点也存在:使用浏览器前进和后退时浏览器不会将之前的请求结果放入缓存,导致会重新发送请求。

  • 标题: vueRouter 路由管理器
  • 作者: Sy_
  • 创建于 : 2025-06-15 00:51:35
  • 更新于 : 2025-06-15 00:51:35
  • 链接: https://shenying.online//demo/1gpxctp3/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
目录
vueRouter 路由管理器