vue3 路由

路由（router）

一、就是对应关系

前端路由的工作方式：

1.用户点击了页面上的路由链接

2.导致了URL地址栏中的hash值发生了改变

3.前端路由监听到了hash地址的变化

4.前端路由吧当前hash地址对应的组件渲染到浏览器中

二、history原理

1、history模式主要使用两个HTML5 history新增的api，history下的pushState() 和 repalceState()

2、pushState会增加一条新的历史记录，replaceState会替换当前的历史记录，具体的各位老哥查下就好，主要的是，这两个API不会引起页面的刷新，也就符合前端路由的特性。

3、History 路由API
back()：后退到上一个路由；
forward()：前进到下一个路由，如果有的话；
go(number)：进入到任意一个路由，正数为前进，负数为后退；
pushState(obj, title, url)：前进到指定的URL，不刷新页面；
replaceState(obj, title, url)：用URL替换当前的路由，不刷新页面；

前3个方法只是路由历史记录的前进或者后退，而pushState和replaceState这两个方法提供了对历史记录进行添加和修改的功能(HTML5新增)，可以跳转到指定的URL。pushState和replaceState可以实现无刷新的改变地址栏，并且通过传入的state记录历史。以上五个方法都是无刷新的改变了URL地址栏。
vue路由跳转方式：https://www.cnblogs.com/czhowe/p/18598747