2023-01-14_Ant Design of Vue简介及安

1. Ant Design of Vue简介

• Ant Design of Vue 是Ant Design 的vue实现。类似于element-plus提供了一系列开箱即用的ui组件。

2. 安装

$ npm install ant-design-vue --save

3. 注册使用

3.1 全部组件一起注册

• 在main.js文件添加如下：

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
const app = createApp(App)
app.use(Antd)

3.2 按需注册--注册单个组件

import DatePicker from 'ant-design-vue/lib/date-picker'; // 加载 JS
import 'ant-design-vue/lib/date-picker/style/css'; // 加载 CSS