**layout** ` <a-layout id="components-layout-demo-top-side-2"> <HeaderBox /> <a-layout> <SiderBox /> <a-layout style="padding: 0 24px 24px"> <a-breadcrumb style="margin: 16px 0"> <a-breadcrumb-item>Home</a-breadcrumb-item> <a-breadcrumb-item>List</a-breadcrumb-item> <a-breadcrumb-item>App</a-breadcrumb-item> </a-breadcrumb> <a-layout-content :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"> Content </a-layout-content> </a-layout> </a-layout> </a-layout> import HeaderBox from '@/components/Header.vue'; import SiderBox from '@/components/SiderBox.vue'; @Component({ components: {Loading, HeaderBox, SiderBox}, }) ` 此时,会讲HeaderBox 也渲染成 SideBox