vueRouter 路由管理器

VueRouter
是Vue提供的一个路由管理器,专门用于处理路由和url的映射关系,有点儿像Nginx
的功能。
功能如下图所示:
::: center
:::
例如,当用户访问https://shenying.online/a
,web服务就会收到请求。然后解析路径/a
,程序就会把这个请求交给类似的路由管理器来管理。
而前端不需要像传统的路由器那样使用服务器来解析,而是通过一个本地的程序来进行hash映射或者利用H5中的history API实现。
一般使用前端路由的程序为不涉及页面跳转的单页面应用。
前端路由有如下优点:
- ==页面刷新速度快==:由于不需要向服务器发送请求,所以这个过程不会受到网络延迟的影响,实际上只是完成部分组件间的切换,因此页面的刷新速度会比较快,用户体验也更好些。
- ==复用性强==:由于使用前端路由的应用为单页面应用,所以代码中很多 CSS、JS 都可以共用,避免了过多的重复加载,大大提升了性能。
- ==页面状态可记录==:如果不使用前端路由,仅通过 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 进行许可。
评论