vue-router的模式

vue-router有三种模式：

1. hash模式：使用URL的hash值来模拟一个完整的URL，使用`location.hash`来监听URL的变化。

2. history模式：使用HTML5的History API来实现URL的变化，使用`window.history.pushState()`和`window.history.replaceState()`来监听URL的变化。

3. abstract模式：不依赖于浏览器的URL，常见于服务器渲染的情况下，通过修改内存中的URL来实现路由的变化。

相关问题

vue-router3和vue-router4底层分别是什么事件

Vue Router 3 和 Vue Router 4 的底层实现都是基于浏览器的 History API，主要使用了以下事件：

- pushState()：向浏览器会话历史栈添加一个新的状态；
- replaceState()：用新的状态替换当前的状态；
- popstate 事件：当用户点击浏览器的前进或后退按钮时触发，用于监听浏览器的历史栈变化。

不同之处在于 Vue Router 4 引入了一个新的可选的路由模式 - hash 模式，它使用浏览器的 URL 锚点来实现路由。在 hash 模式下，路由器使用以下事件：

- onhashchange 事件：当 URL 的哈希部分发生变化时触发，用于监听 URL 哈希的变化。

需要注意的是，Vue Router 4 仍然支持 History API，并且在默认情况下会将路由模式设置为 history 模式。

vue-router hash模式

Vue Router 是 Vue.js 官方的路由管理器，可以用来实现单页应用的路由功能。hash 模式是 Vue Router 的一种路由模式，它使用 URL 的 hash（即 # 符号后面的部分）来模拟路由，不会触发浏览器的页面刷新。

在使用 Vue Router 时，默认情况下会使用 hash 模式。你可以在创建 Vue Router 实例时，通过配置 `mode: 'hash'` 来启用 hash 模式。例如：

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const router = new VueRouter({
  mode: 'hash',
  routes: [
    // 配置路由
    // ...
  ]
});

new Vue({
  router,
  // ...
}).$mount('#app');

在 hash 模式下，路由会被解析为 `/#/path` 的形式，其中 path 是你定义的路由路径。当 URL 的 hash 改变时，Vue Router 会根据配置的路由表，动态渲染对应的组件。

需要注意的是，hash 模式不支持服务端渲染，如果你需要进行服务端渲染，请使用历史模式（history mode）。

希望这个回答对你有所帮助！如果你有更多问题，请继续提问。