Vue3 Router的函数，带来了哪些颠覆性的变化呢？

Vue3 Router的函数，带来了哪些颠覆性的变化呢？

Vue Router 4的更新，就像一场技术的“小清新”革命，它不仅改变了我们对路由的使用方式，还让我们重新思考了“函数式”编程在现代前端框架中的意义。我们今天就来聊聊，这些变化到底给开发者带来了什么，挺好。。

打脸。 先说说我们来回顾一下历史。Vue Router的使用方式和API设计，说实话，有点“老派”的味道。但自从Vue3一出，整个世界都变了。我们不再只是在HTML中写模板， 而是在用函数式API来操作路由，这可比以前那种“声明式”写法要灵活得多。我们来具体看看这些变化到底带来了什么。

Vue3 Router的函数式API：一场“革命”

在Vue3中， 函数式API的引入，让路由的使用方式发生了根本性变化。我们先来看一下Vue3的路由API变化：

功能	Vue2	Vue3
Hash 模式	通过URL中#后面的内容做区分	前端路由实现的两种方式
History 模式	通过URL路径做区分	前端路由实现的两种方式

在Vue3中，我们终于可以使用组合式API来操作路由了。这可比Vue2的API要灵活多了。我们可以通过函数式API来操作路由， 比如使用useRouter函数来获取路由实例，然后通过路由实例的push方法来操作路由跳转。这可比Vue2的声明式API要灵活多了。

我可是吃过亏的。 我们再来看看Vue3的函数式API到底带来了哪些变化：

Vue3 Router的函数式API变化

这就说得通了。 在Vue3中，我们终于可以使用函数式API来操作路由了。