vue中如何隐藏导航栏或菜单栏才能使项目更好维护

业务场景：

订单详情页面需要提供给外部使用，外部系统不需要展示当前系统的侧边菜单。
拓展场景：某些页面菜单希望展示的是二级目录而不是一级目录。

已知实现方案和优劣：

1.（暂定）在 url 中通过参数控制

2.为拥有特殊菜单的页面单独写路由，在路由元信息中传递参数

• 缺点：
  • 需要单独创建对应的路由

3.菜单页采用公共状态，子组件修改公共状态

• 缺点：
  • 菜单组件状态在业务组件中被修改，造成额外的代码耦合
  • 在后期迭代时，菜单相关功能，第一反应是查看菜单组件，业务组件中维护状态不够直观