Vue.js Vue路由器如何加载第二个组件加载

我正在尝试加载Vue中的第二个组件，但它根本不会加载。 把主页想象成我的母版页，其他页面将加载，但我希望它在主页加载后立即加载到首页，因为我也有孩子

标志
家
关于页面
页脚
从“/./../components/TopbarComponent.vue”导入topbar；
从“/./../components/HooperComponent.vue”导入HooperComponent；
导出默认值{
姓名：“家”，
数据（）{
返回{
消息：“这是主组件！”，
};
},
组成部分：{
顶栏，
hooperCompo，
},
计算：{}，
挂载：（）=>{}，
方法：{}，
};

这是我的路由器链接

Vue.use（VueRouter）；
常数路由=[
{
路径：“/”，
姓名：“家”，
组成部分：{
默认值：Home，
首页：首页
},
儿童：[
{
路径：“/about”，
姓名：“关于”，
组件：关于
}
]
},

---

如何在加载主页后立即加载首页组件？？？

是

front

的子组件吗

front

？，如果是，则在

home

模板中渲染它。主页是母版页，但我希望在加载主页时在home中加载首页，正如我所说，在home模板中渲染首页，但如果我这样做，当我点击about我也可以看到front，我希望它在主页内呈现front，所以当我转到about页面时，我在主页内重新呈现about页面，不显示frontis

front

的子组件，如果是，则在

home

模板内呈现它。主页是母版页，但我希望在加载主页时显示首页中的首页正如我所说的在主页模板中呈现首页，但如果我这样做，当我点击“关于”时，我也可以看到首页，我希望这可以呈现主页中的首页，所以当我转到“关于”页面时，我会在主页中重新呈现“关于”页面，而不显示首页