在使用了 vue-router 的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新

so , 路由对象暴露了以下属性:

1.$route.path
字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news" 。

2.$route.params
对象,包含路由中的动态片段和全匹配片段的键值对。

3.$route.query
对象,包含路由中查询参数的键值对。例如,对于 /home/news/detail/01?favorite=yes ,会得到$route.query.favorite == 'yes' 。

4.$route.router
路由规则所属的路由器(以及其所属的组件)。

5.$route.matched    今天要学习的
数组,包含 当前匹配的路径中所包含的 所有片段所对应的配置参数对象。  即匹配到的所有路由记录(routes)(父路由和子路由)
                                                                                                     

因此,可以通过访问matched,得到该路由的配置对信息,如meta(元数据字段, 我们可以在这里设置一些自定义信息,供页面组件或者路由钩子函数中使用)。通过meta,可以实现验证是否登录等功能

6.$route.name
当前路径的名字,如果没有使用具名路径,则名字为空。

一个路由(router)匹配到的所有路由记录(routes)会暴露为 $route 对象 (还有在导航守卫中的路由对象) 的 $route.matched 数组


气死我了,之前折磨我的url没有#,网页进不去 的问题,今天被我给整明白了。是vue 和router的cnd不稳定。妈的得等一会自动就好了


回调函数的理解  最开始有点似懂非懂的意思,至于刚刚,已经差不多忘光了。看这个回答


Logo

前往低代码交流专区

更多推荐