vue.js 我在看别人的vue项目的时候，路由配置的path 路径 里面为什么有hidden：true/false

Question

请熟悉的大佬，分享一下这个知识，本人在router手册里面没看到这个hidden：true的配置
谢谢~

我理解的是，隐藏显示的功能，但是，我没明白为什么他要这样做。

Answer 1

通过判断路由对象里面的hidden值选择是否渲染该路由入口，然而你在路由视图里面是无法通过$route.hidden来取得路由对象的hidden属性的，因为路由渲染的时候会把无关的字段忽略掉。说到底这个只是一个判断路由入口是否可见的开关而已，具体你可以找一下路由的组件渲染方式看一下

Answer 2

可以确定的是，hidden是用户自定义的属性，就和自己再定义label一样，

一般自定义了hidden，是用于呈现菜单时，将hidden=false的router呈现出现，呈现的名字可以写在name,或者自己定义label

但是，当用户用到this.$route 时，$route.matched的对象中，属性没有hidden,label之类 只有name

Answer 3

帮你百度到了一篇关于hidden的作用，传送门

进去搜索 hidden

Answer 4

通过判断hidden的布尔值来绝对加载不加载