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

Question

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

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

1. MyNavigation：

1. MyContent：

1. MyCompany：

1. 项目结构：

1. 路由配置：

1. 点击前：

1. 点击后：

Answer 1

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

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