router 和 route 的区别

Posted 2023-04-17

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

2.route 是一个跳转路由的对象，每一个路由都会有一个route 对象，是一个局部对象，可以获取对应的name ,path ,params,query等

this.$route和this.$router的区别

参考技术A vue-router中 router

表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。
路由信息对象：即$router会被注入每个组件中，可以利用它进行一些信息的获取。

(1)在组件内，即 this. route 观察者回调内 router.match(location) 的返回值
(3)导航守卫的参数：

全局的路由实例，是router构造方法的实例。
在 Vue 实例内部，你可以通过 $router 访问路由实例

2.1 全局挂载路由实例

2.2 路由实例方法push

push方法其实和<router-link :to="...">是等同的。
注意：push方法的跳转会向 history 栈添加一个新的记录，当我们点击浏览器的返回按钮时可以看到之前的页面。
2.2 路由实例方法go

2.3 路由实例方法replace