【Vue知识点总结】Vue 路由中的 hidden: true：路由控制技巧

一、什么是 hidden: true？

在 Vue Router 中， hidden: true 是一个自定义的元信息字段（meta field），它本身不是 Vue Router 原生的配置项，而是开发团队约定俗成的一种用法。通常我们会这样配置路由：

{ path: '/login', component: Login, meta: { hidden: true // 这里的 hidden 是自定义字段 } }

这个字段不直接影响路由的跳转功能，而是用于在导航组件（如侧边栏、顶部菜单等）中控制该路由是否显示。

二、hidden: true 的核心作用

1. 隐藏导航菜单项：最常见的用途是阻止特定路由出现在侧边栏或顶部导航菜单中
2. 权限控制辅助：配合权限系统隐藏用户无权访问的路由入口
3. 业务逻辑控制：根据业务需求动态控制路由的可见性
4. 代码组织优化