Vue 路由中 $router 和 $route 的区别:$router 提供导航方法和对当前路由的控制;$route 是当前路由的响应式对象,包含路由详情。

Vue 中 $router 与 $route 的区别
在 Vue 路由中,$router 和 $route 是两个至关重要的属性,它们提供不同的功能,对理解 Vue 应用程序中的导航和路由状态至关重要。
$router
-
$router是一个全局路由实例,它提供了很多用于管理路由和导航的方法和属性。 - 它允许访问和控制当前的路由,以及导航到其他路由。
-
$router的主要方法包括:push(),replace(),go(),back()和forward()。
$route
立即学习“前端免费学习笔记(深入)”;
-
$route是当前路由的响应式对象,它包含了有关当前路由的详细信息。 - 它提供了对路由参数、查询参数、元数据和其他有用信息等的访问。
-
$route是一个响应式的对象,这意味着当路由状态发生变化时,它将自动更新。
总结
简而言之,$router 是 Vue 路由的全局实例,它提供导航和路由管理方法。$route 是当前路由的响应式对象,它包含有关当前路由的重要信息。这两个属性对于构建动态且交互式 Vue 应用程序至关重要。










