vue 路由模式和原理

Vue 的路由使用的是基于浏览器 history API 的 hash 模式和 HTML5 history 模式。

在 hash 模式下，路由的路径会被设置为类似于 `/#/path` 的格式。在 URL 中，`#` 号后面的内容被称为 hash，浏览器不会将其发送到服务器进行请求，而是仅用于前端路由。Vue 在这种模式下使用 `window.location.hash` 来监听路由变化。

在 HTML5 history 模式下，路由的路径会被设置为类似于 `/path` 的格式。这种模式需要服务器的支持，在请求服务器时，服务器会将所有请求都返回同一个 HTML 页面，页面中会包含 JavaScript 代码，这些代码会根据浏览器 URL 中的路径来渲染不同的页面。Vue 在这种模式下使用 HTML5 history API 来监听路由变化。

无论是哪种模式，在 Vue 中使用路由需要使用 Vue Router。Vue Router 是 Vue.js 官方提供的路由管理器，它可以将一个单页应用分成多个页面，每个页面对应一个路由，路由之间可以进行跳转和传参。Vue Router 的核心原理是利用 Vue 组件化的特性来管理路由，每个路由对应一个组件，路由跳转时只需要切换组件的显示和隐藏即可。

总结一下，Vue 的路由模式有两种，分别是 hash 模式和 HTML5 history 模式，路由的核心原理是利用 Vue 组件化的特性来管理路由，每个路由对应一个组件，路由跳转时只需要切换组件的显示和隐藏即可。