Ant-Design-Vue快速上手指南+排坑

一、快速上手指南

1. 安装与配置

• 安装：通过npm安装Ant Design Vue，命令为npm install ant-design-vue --save。
• 引入样式：在项目中使用Ant Design Vue之前，需要引入其样式文件，可以通过import 'ant-design-vue/dist/antd.css';来引入。

2. 使用组件

• 按钮组件（Button）：使用<a-button>标签来创建按钮，可以通过type属性设置按钮的样式（如primary、ghost、dashed等），并通过@click事件监听按钮的点击。

  <template>
    <a-button type="primary" @click="handleClick">点击按钮</a-button>
  </template>
  
  <script>
  import {
          Button } from 'ant-design-vue';
  
  export default {
         
    components: {
         
      'a-button': Button
    },
    methods: {
         
      handleClick() {
         
        console.log("按钮被点击了");
      }
    }
  }
  </script>