vue3 antd

// Vue 3 + Ant Design 示例代码

// 1. 安装依赖
// 首先确保你已经安装了 Vue 3 和 ant-design-vue：
// npm install vue@next
// npm install ant-design-vue@next

// 2. 创建 Vue 应用并引入 Ant Design

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

<script>
import { defineComponent } from 'vue';
import { Button } from 'ant-design-vue';

export default defineComponent({
  components: {
    AButton: Button,
  },
});
</script>

<style>
/* 你可以根据需要自定义样式 */
</style>

// 3. 解释说明：
// - 我们使用了 Vue 3 的 Composition API (`defineComponent`) 来创建组件。
// - `ant-design-vue` 提供了丰富的 UI 组件，如按钮 (`a-button`)，可以直接在模板中使用。
// - 在 script 标签中，我们通过 `import` 引入了 Ant Design 的 Button 组件，并将其注册为局部组件 `AButton`。
// - 这个示例展示了如何在 Vue 3 中集成和使用 Ant Design 组件。