angular提供了路由策略来实现对组件的缓存和复用。我们使用的多级嵌套路由在切换的时，父级路由出口的实例不会重新实例化。就是angular内部使用默认的路由复用策略实现的，这点在看完下面的流程分析就明白了。

近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下

this.$router.push：跳转到指定url路径，并想history栈中添加一个记录，点击后退会返回到上一个页面。this.$router.replace：跳转到指定url路径，但是history栈中不会有记录。

hash模式主要是根据url的hash值来跳转不同的路由页面。采用hash模式的路由模式中，url后面有一个#，#后面包括#就是此路由的hash值，hash模式背后的原理是onhashchange事件

路由其实就是url和文件的映射，在后端控制路由在接收到客户端发来的http请求时，会根据响应的url来找到相应的映射函数，执行得到返回值给客户端。对于简单的静态资源服务，所有url的映射函数是一个文件读取操作

你的可能已经注意到，VUE 3版本的 Vue router (4.0) 与其之前的版本有一些 breaking change 更改。大部分的 Vue Router API 都没有变化，而且迁移过程也非常直接。

传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样容易造成服务器压力比较大，而且用户访问速度也比较慢，在这种场景下，出现了单页应用。

理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件

前端路由需要实现两个核心, 1. 修改 URL 而不引起页面刷新, 2. 检测 URL 的变化, 这两个核心取决于你采用的前端路由技术选择的方案, 即 hash 和 history, 当选择了技术后, 前端路由是怎样去实现修改的操作的呢？

Vue-Router有两个路由模式，分别是哈希hash模式和历史history模式，然后默认的是哈希hash模式。现在有个问题是，我们了解这两个模式的区别吗?或者只是了解它的路径上有没有 # 这个符号的区别吗?

以Vue为基础做一套WebGIS系统，更多需要的是嵌套路由和VueX状态管理，因此针对网上的教程学习后，自己补充一些自己的观点，进行学习与巩固

在使用html5开发app的时候，往往会遇到条件查询的情况。在这个情况下，用户反复查询一个输出中的所有参数。最简单的方式恐怕就是修改url链接了，但是其url链接一旦修改，之前查询的记录就会被存储到history中去。

面如果有类似空白RouterView一类的component引用，都要加上shallowRef。最近在用vue3+vite+antdv+ts写后台项目，遇到这个问题后，掉进误区搜了好久都没能解决，希望对大家有帮助吧。

本质就是, 利用内置组件<keep-alive>在页面组件得以被缓存的基础上, 再加以document.documentElement.scrollTop获取滚动距离, 后返回页面时恢复滚动距离实现效果

vue-router是vue单页面开发的路由，就是决定页面跳转的！<router-link> 组件支持用户在具体有路由功能的应用中（点击）导航。通过to属性指定目标地址。