vue 公用组件

Question

头部,main,底部都是公用的,我写在了一个文件中
我配置了这样的路由
export default [
{

path: "/",
component: Layout,
name: "main",
children: [
  {
    path: "/hregister",
    component: HRegister,
    name: "hregister"
  }
]

}
];
想实现的效果为

求大佬们指教一二 谢谢

Answer 1

路由配置给layout加上redirect。组件里面引入你的头和脚。中间用router-view