为什么我导航栏点击router-link显示组件后，原先页面所有组件会消失

为什么我在导航栏点击元素，使用router-link打开对应的组件时，原先页面所有组件会消失？

我的业务逻辑是：在MyNavigation组件内，点击"航空公司一览"，然后就会在MyContent组件内显示MyCompany组件。

1. MyNavigation：

2. MyContent：

3. MyCompany：

4. 项目结构：

5. 路由配置：

6. 点击前：

7. 点击后：

看起来MyHome是包含MyNavigation和MyContent两个子组件的？
router/index.js里面应该配置MyCompany作为MyHome的children。
大概是

{
path:'/MyHome',
name:'MyHome',
component:MyHome,
children: [
            {
                path: 'MyCompany',
                name: 'MyCompany',
                component: MyCompany,
            },
]
}