注册组件
```
// 这里用于规定传入installAntd的类型
import { App } from '@vue/runtime-dom'
import {
Button,
message,
Form,
Input,
Calendar,
ConfigProvider,
} from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
// 按需引入
export default function installAntd(app: App): void {
app.use(Button)
app.use(Form)
app.use(Input)
app.use(Calendar)
app.use(ConfigProvider)
app.config.globalProperties.$message = message
```
> app.vue
> ConfigProvider 不包含时间类组件的国际化，你需要额外引入时间库(dayjs、momentjs、date-fns 等)的国际化文件，以下我们以 dayjs 为例。
```
import zhCN from 'ant-design-vue/es/locale/zh\_CN';//引入antd中文包
// 日期选择框要单独函数
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');
const locale = zhCN;
const popContainer = (el: any, dialogContext: { getDialogWrap: () \=> any; }) \=> {
if (dialogContext) {
return dialogContext.getDialogWrap();
} else {
return document.body;
}
}
```
