在 Vue.js 中，$route 和 $router 是 Vue Router 提供的两个不同的对象，分别用于不同的目的：

1. $route：

   • 功能：$route 对象包含当前路由的信息，包括路径、参数、查询字符串、路由名称等。
   • 使用：用于访问当前路由的详细信息和状态。你可以从 $route 对象中获取路由参数、查询参数等。
   • 示例：

     复制
     1console.log(this.$route.path);        // 当前路由的路径
     2console.log(this.$route.params);      // 路由参数
     3console.log(this.$route.query);       // 查询字符串

2. $router：

   • 功能：$router 对象提供了控制路由的功能，例如导航到不同的路由、替换当前路由等。
   • 使用：用于编程式导航，控制路由的跳转。
   • 示例：

     复制
     1this.$router.push('/new-path');       // 导航到新路径
     2this.$router.replace('/another-path'); // 替换当前路径

总结

• $route：提供关于当前路由的信息。
• $router：提供操作路由的方法，控制路由导航。