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

Posted 2023-03-26

参考技术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

Vue---this.$route和this.$router这两个对象

// 注意： 在 this 这个组件身上，有 this.$route 和 this.$router

// this.$route 是专门用来获取路由中参数的；

// this.$router 是专门来实现编程式导航的；

// 注意：this.$route和this.$router这两个对象

// this.$route是路由参数对象，所有路由中的参数，params,query都属于他

// this.$router 是一个路由（导航对象），用它方便的使用js 代码，实现路由的前进，后退，跳转到新的url地址