Vue中this.$router 和this.$route的理解

接触vue已经有段时间了,发现还是会弄混$router$route,故整理记录下。

1. this.$router

Vue中this.$router 和this.$route的理解_第1张图片

router


$router表示一个全局的路由对象, vue-router 的实例,提供addRoutesback等方法,相当于一个路由的管理者角色。

2. this.$route

Vue中this.$router 和this.$route的理解_第2张图片

route

route表示当前路由对象,包含具体的路由名称、pathqueryparams 等属性,其实就是routesnew Router时声明的routes)里面的一条具体的路由。



作者:嘻哈章鱼小丸子
链接:https://www.jianshu.com/p/93fd5ff47d17
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(Vue,vue.js,前端,javascript)