route和$router|青训营笔记

62 阅读1分钟

这是我参加[字节青训营]的第二天 通过注入路由器,我们可以在任何组件内通过 this.router 访问路由器,也可以通过 this.router 访问路由器,也可以通过 this.route 访问当前路由

总的来说,

router是用来操作路由的, router是用来操作路由的, route是用来获取路由信息的。

router

router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。。。经常用的跳转链接就可以用this.$router.push,和router-link跳转一样。。。

全局将路径给转换,再用上组件和路径的匹配规则。从而实现页面的切换

\

\

\

\

route

this.$route 表示当前页面对应的路由对象,每一个路由组件在配置对应的都有一个 route 对象,是一个局部的对象,可以获取对应的 name, path, params, query 等属性。但是获取时获取的是当前页面路径对应的对象的route对象

route相当于当前正在跳转的路由对象。。可以从里面获取name,path,params,query等。。

\

\

每个组件,不论是路由组件还是非路由组件,vc实例上都会有routeroute和router 

\

里面属性值很多,但是不能自己凭空造。peiqi   erha

route.path

this.route.path表示的是当前页面路由路径 。这个并不是其自身的路径这句话所处的组件。的route.path表示的是当前页面路由路径 。这个并不是其自身的路径这句话所处的组件。的route而是,而是判断当前整个页面的路径

但是每一个组件实例对象在配置路由的时候对应的都有一个route。但是获取信息时,这个this.route表示当前路由页面对应的组件所对应的route。但是获取信息时,这个this.route表示当前路由页面对应的组件所对应的route对象

\

每个组件都对应的有路由配置信息。但是route是当前页面的路由配置信息。

这样不容易混淆,更容易理解

\

\

\

\