antd design vue

作者：看悲伤的曲发布日期:2026-04-16 浏览:38

<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" 属性将其设置为一个主要按钮。a-button 是 Ant Design Vue 提供的按钮组件。
脚本部分 (<script>):
- 使用了 Vue 3 的 defineComponent 来定义组件。
- 引入了 Button 组件，并将其注册为本地组件 AButton，以便在模板中使用。
样式部分 (<style>):
- 这里可以添加自定义样式，但在这个示例中没有具体的样式定义。

这个示例展示了如何在 Vue 项目中使用 Ant Design Vue 的按钮组件。

上一篇：vue3 store

下一篇：vue页面跳转