关于Vite2按需引入antdv的补充

在前面的文章已经介绍了antdv在vite2中的按需引入，详见antdv的按需引入。但在使用过程需要注意一些部分，就是关于Layout,Menu等含有子类方法的组件，其引用方式有所不同

import { App } from "vue";
import {
  Breadcrumb,
  Button,
  Input,
  Layout,
  Menu
} from 'ant-design-vue'

const components = [
  Button,
  Input,
  Layout,
  Menu,
  //不是直接加入LayoutHeader
  Layout.Header,
  Layout.Sider,
  Layout.Content,
  Layout.Footer,
  Menu.Item,
  Menu.SubMenu,
  Breadcrumb,
  Breadcrumb.Item,
  Menu.ItemGroup
];

//挂载方式是以组件名的形式挂载
export default function (app: App): void {
  for (const component of components) {
    app.component(component.name, component);
  }
}

这里挂载的时候是以组件名去动态引入，所以不能直接添加对应组件的子组件，比如Layout.Header，其他地方与之前保持一致