$route和$router的区别

$route 对象是一个包含当前路由信息的对象，它提供了对当前激活的路由的访问和控制。$route 对象具有以下属性：

• $route.path：当前路由路径的字符串表示。

• $route.params：一个对象，包含动态路由参数和查询参数。

• $route.query：一个对象，包含查询参数。

• $route.hash：当前路由的 URL 哈希值。

• $route.fullPath：当前路由的完整路径，包括查询参数和哈希值。

• $route.name：当前路由的名称。

通过访问 $route 对象，你可以获取当前路由的信息，如路径、参数等。

$router 对象是 Vue Router 实例，它提供了导航功能，用于在不同的路由之间进行跳转。$router 对象具有以下方法：

• $router.push(location)：跳转到指定的路由。

• $router.replace(location)：替换当前路由为指定的路由。

• $router.go(n)：在浏览器历史记录中向前或向后前进多少步。

• $router.back()：在浏览器历史记录中后退一步。

• $router.forward()：在浏览器历史记录中前进一步。

通过调用 $router 对象的方法，你可以在组件中进行路由的导航操作，如跳转到其他路由、替换当前路由等。