vue-router3和vue-router4底层分别是什么事件
时间: 2023-11-16 08:27:50 浏览: 138
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 模式。
阅读全文