Angular(或Vue)实现一级页面和二级页面不同的导航栏

Question

1. 我想在前端使用实现类似微博国际版这种一级页面（微博列表、热搜、消息列表）一种头部导航栏，二级页面（微博详情、聊天私信等）又一种头部导航栏的效果，应该怎么实现？

2. 目前我想到的是

   1. 为每个组件都单独引入导航栏组件，缺点是页面多的话每个页面都要引入
   2. 创建两个父组件AB，一级页面作为A组件的子路由，二级页面作为B组件的子路由，这样只需要在AB两个父组件配置两个导航就可以了，但是这样会导致多一级路由，而且感觉这样写很奇怪。

想知道有没有更好的解决方法？