vue路由hash模式原理

Vue路由的hash模式是一种实现前端路由的方式，它的原理是将路由信息以hash的形式添加到URL的末尾，并监听URL中hash值的变化，根据hash值的变化来更新页面的内容。

在hash模式下，URL的格式类似于`http://example.com/#/path/to/route`，其中`#`后面的部分就是hash值，它表示当前路由的路径。

当用户点击页面中的链接或者通过编程方式改变hash值时，浏览器会自动将新的hash值添加到URL的末尾，并触发`hashchange`事件。可以通过监听`hashchange`事件来实现路由的切换，例如：

window.addEventListener('hashchange', function () {
  // 根据新的hash值更新页面内容
})

除了监听`hashchange`事件外，Vue还提供了自己的路由管理器来简化路由的处理，只需要定义好路由表，然后在组件中使用`<router-link>`标签和`<router-view>`标签就可以实现路由的跳转和页面的渲染。Vue的路由管理器会自动监听`hashchange`事件并根据路由表进行路由的切换。