antdesign vue

作者：亡梦发布日期:2026-03-17 浏览:98

<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>
/* You can add custom styles here */
</style>

解释说明：

模板部分 (<template>):
- 使用了 a-button 组件，并通过 type="primary" 属性将其设置为一个主要按钮。Ant Design Vue 提供了多种类型的按钮，包括默认、主要、虚线等。
脚本部分 (<script>):
- 使用了 defineComponent 来定义组件，这是 Vue 3 中推荐的方式。
- 引入了 Ant Design Vue 的 Button 组件，并将其注册为本地组件 AButton，以便在模板中使用。
样式部分 (<style>):
- 可以在这里添加自定义样式，根据需要调整按钮的外观。

如果你需要更多组件或更复杂的功能，请参考 Ant Design Vue 官方文档。

上一篇：vue.js

下一篇：vue生命周期