57uv6Z6g55qE5Y2a5a6i

MS4wLjABAAAA5qMD8Gzdcgq7HXUOviKB59i0-ybJ59jJvNzyaPt5XOsVNqP6DU7WLcoAXvdxvYdp💗
本站所有文章仅作技术研究，请勿非法破坏，请遵守相关法律法规，后果自负

【笔记】AntDesignVue学习笔记

发表于 2025-10-27 更新于 2025-12-19 阅读次数：

前言

这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。（官网）

下载依赖

Vue3

1	npm install ant-design-vue

引入并注册组件

全量引入

import { createApp } from "vue"
import App from "./App.vue"
import Antd from "ant-design-vue"
import "ant-design-vue/dist/reset.css"

const app = createApp(App);
app.use(Antd);
app.mount("#app");

按需引入

官网文档

使用组件

按钮

src/views/Home.vue

1
2
3

<template>
  <a-button type="primary">Primary Button</a-button>
</template>

完成

0%