Vue Router 路由中 this.$router 与this.$route区别
Posted david_远
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue Router 路由中 this.$router 与this.$route区别相关的知识，希望对你有一定的参考价值。
this.$router:表示全局路由对象，里面包含属性push()，可以在任意页面实现路由跳转
this.$route:表示当前路由对象，里面包含属性name path query params等
$router : 是路由操作对象，只写对象
$route : 路由信息对象，只读对象
$router对象是全局路由的一个实例，是router构造方法的实例
- push()： push方法的跳转会向 history 栈添加一个新的记录，当我们点击浏览器的返回按钮时可以看到之前的页面
- replace()：跟 push() 很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样替换掉当前的页面记录 ，一般使用replace来做404页面
- go()：页面路由跳转 前进或者后退
$route对象表示当前的路由信息
包含了当前url解析得到的信息
包含当前的路径、参数、query对象等
以上是关于Vue Router 路由中 this.$router 与this.$route区别的主要内容，如果未能解决你的问题，请参考以下文章
Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法
Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法