Vue Router 4.0 正式发布！焕然一新。

今天，Vue Router 4正式发布为稳定版。

在提供14个Alpha，13个Beta和6个候选版本之后，Vue Router v4可以通过改进的包大小，TypeScript集成，新功能以及对现代应用程序的一致性改进，为您的Vue 3应用程序带来最佳路由。

这花费了将近2年的时间，大约1500次提交，15个RFC，以及许多用户的帮助以及他们的错误报告和功能请求。谢谢大家的帮助！

项目组织改进

• Vue Router现在分为三个模块：

  • 历史记录实现：处理地址栏，并且特定于Vue Router运行的环境（节点，浏览器，移动设备等）
  • 路由器匹配器：处理路由解析/users/:id及其排名
  • 路由器：将所有内容连接在一起并处理路由特定功能，例如导航卫士

动态路由

• 动态路由是Vue路由器上最需要的功能之一。它使路由器更具灵活性，功能强大，并为以前不可能的应用打开了可能性！这是有可能的，这要归功于具有自动排名功能的高级路径解析功能，它允许路由器根据URL字符串表示来猜测应该匹配的路由，从而允许用户以任何顺序定义路由。

改进的导航系统

• 新的导航系统更加一致，并改善了“滚动行为”的体验以匹配本机浏览器的行为。它还为用户提供了有关导航状态的几乎更多信息，并允许使用这些信息通过进度条和模态之类的全局UI元素改善用户体验。

更强大的Devtools

• 由于采用了新的Vue Devtools，Vue的路由器是能够创造出更先进的集成：在时间轴导航和完整路径的目录，可以帮助你调试的路线。

更好的导航卫士

• 说再见，以next避免导航卫士里面容易犯错误：回到你传递给任何价值next。仍支持先前版本以简化迁移！

有关更新的文档的更多信息。

路由中一致的编码

• 编码已被改编，使其在不同的浏览器和路径位置属性（相一致params，query和hash）。将这些属性传递给它们时，您无需对其进行编码，router.push()并且它们将始终在路径位置（例如$route和useRoute()）中显示为已解码。

迁移路径小

Vue Router 4专注于在改进现有路由器的同时保持非常相似的API，如果您使用的是Vue Router的基础知识，则迁移应简短且几乎只能重命名。您可以查看文档中的完整迁移指南

路由器的未来

• 在过去的几个月中，Vue Router一直有效稳定，现在可以专注于：

• 使用现有工具（Vetur，Vite，Devtools等）获得更好的开发人员体验

• 与诸如Suspense之类的现代功能更好地集成

• RFC，用于改进现有的API或引入新的API

• 路由器的较轻版本

尝试一下

• 如果要快速尝试Vue Router 4，则可以使用Tailwind CSS来检查此CodeSandbox，此Vite模板，或使用CLI入门。

要了解有关Vue Router 4的更多信息，请查看我们的新文档。如果您是现有的Vue 2.x用户，请直接转到《迁移指南》