04、vue-router_uniapp vite vue-router

四、vue-router

（两种路由模式、编程式/组件式、如何传参(优缺点)、）

1.路由原理

路由就是用来解析URL实现不同页面之间的跳转

我们一步步实现这两种路由，来深入理解下底层的实现原理。我们主要实现以下几个简单的功能：

监听路由的变化，当路由发生变化时，
可以作出动作；
可以前进或者后退；
可以配置路由；

2.路由的两种模式

1.hash模式
​

• ：在浏览器中符号的“#”，以及#后面的字符称之为hash，用window.location.hash读取；

特点：

• hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面
• hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如
  http://www.xxx.com，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回 404 错误。

（ 说白了，就是监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持；）

2.history模式
：h