$router 与$routers的区别有哪些，举例说明

在Vue.js的Router中，通常会遇到`$router`和`$routers`这两种写法，但实际上`$router`就是官方推荐使用的统一变量名，它代表了当前应用的路由实例。而`$routers`可能是开发者在某些场景下的误写或者是自定义的别名，但在核心库中是找不到`$routers`的。

以下是`$router`的一般用法：

import Vue from 'vue';
import Router from 'vue-router';

new Vue({
  el: '#app',
  router: new Router({
    routes: [
      { path: '/home', component: HomeComponent }
    ]
  }),
  mounted() {
    console.log(this.$router); // 输出整个路由器实例，包括配置和当前路由信息
  }
});

这里的`this.$router`可以直接访问路由的各种属性和方法，比如导航、获取当前路由等。

至于`$routers`，这通常是不存在的，如果在代码中看到这样的写法，可能是使用者自己在某个地方做了全局的变量赋值，或者误解了API文档。正确的用法应该是始终使用`$router`。

相关问题

$router和$route的区别

$router和$route是Vue.js中的两个重要对象，它们的区别如下：

1. $router是Vue Router的实例，是Vue.js中的全局路由器对象，用于处理路由的跳转和管理，可以通过$router.push、$router.replace等方法来控制路由的跳转。

2. $route是当前活跃的路由对象，它包含了当前路由的信息，如当前路由的路径、参数、查询参数等。可以通过$route.params、$route.query等属性来获取当前路由的信息。

3. $router和$route的关系是：$router负责路由的跳转和管理，$route负责当前路由的信息展示。在Vue组件中，可以通过this.$router和this.$route来访问$router和$route对象。

$route和$router的区别

$route和$router都是vue.js框架中的路由工具，其中$route是vue-router中的路由实例对象，可用于定义路由规则和导航守卫等操作；$router是vue-router的实例对象，用于管理路由规则和进行导航操作等。两者的主要区别在于$route是每个路由组件单独拥有的实例对象，而$router是全局唯一的实例对象。