vue中初学者必掌握$router 和 $route的区别

一. $router

router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性.

我们在 vue 项目中一般都会用到路由，而 vue-router 是 vue.js 官方的路由管理器.

this.$router：全局的 router 实例。通过 vue 根实例中注入 router 实例，然后再注入到每个子组件，从而让整个应用都有路由功能。其中包含了很多属性和对象（比如 history 对象），任何页面也都可以调用其 push(), replace(), go() 等方法。

二. $route

this.$route：当前激活的路由的信息对象。每个对象都是局部的，可以获取当前路由的 path, name, params, query 等属性。

总结:

其实 $router就是 $route 的大都督,它可以控制你要跳转到哪个 $route
$route 可以接收到从 $router 发送来的信息情报.