【vue】vue3.0中使用ant Design vue

1. ant design vue 按需引入

import {Button} from 'ant-design-vue';
app.use(Button);

2. ant design vue 全局引入

import Antd from 'ant-design-vue';
app.use(Antd);

3. ant design vue icon 按需引入（组件方式）

import {UserOutlined} from '@ant-design/icons-vue'
app.component("UserOutlined",UserOutlined);

4. ant design vue icon 全部引入

import * as Icons from '@ant-design/icons-vue'
// 全局使用图标，遍历引入
const icons = Icons
for (const i in icons) {
  app.component(i, icons[i])
}

5. ant design vue icon 按需引入（组件方式）

import {UserOutlined} from '@ant-design/icons-vue'
app.component("UserOutlined",UserOutlined);