注冊組件
```
// 這里用于規定傳入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;
}
}
```
