ant design vue的使用示例

Ant Design Vue 是一个基于 Vue.js 的 UI 组件库，提供了丰富的 UI 组件和样式，方便开发者快速构建页面界面。

下面是一个简单的 Ant Design Vue 使用示例：

1. 安装 Ant Design Vue：

npm install ant-design-vue --save

2. 在 Vue 项目中引入 Ant Design Vue：

import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

Vue.use(Antd)

3. 使用 Ant Design Vue 组件：

<template>
  <div>
    <a-button type="primary">Primary Button</a-button>
    <a-radio-group v-model="radioValue">
      <a-radio :value="1">Radio 1</a-radio>
      <a-radio :value="2">Radio 2</a-radio>
      <a-radio :value="3">Radio 3</a-radio>
    </a-radio-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radioValue: 1,
    }
  },
}
</script>

以上代码展示了如何使用 Ant Design Vue 中的两个组件：Button 和 Radio。当然，Ant Design Vue 还提供了其他丰富的组件，开发者可以根据需要选择使用。

希望这个示例能够帮助你开始使用 Ant Design Vue。