vue 页面按需引入 antd 组件库步骤？

说明：

按照官网的方式也可以成功。但是在实际项目开发中为了避免项目体积过于庞大，一般都是按需引入组件。

温馨提示：

antd 官网有很多版本，别走错了，记住是右上角的---- 更多–> Ant Design of Vue (社区实现)
官网链接：https://ant.design/index-cn

使用步骤：

引入组件库，进行局部注册。最主要的核心代码如下：

import { Carousel, Progress } from 'ant-design-vue' // 按需引入组件并注册

  components: {
    'a-carousel': Carousel,
    'a-progress': Progress
  },

例子：

效果如图：