Vue3中使用Ant Design Vue图标

1、安装

npm i --save ant-design-vue@next //注意后边一定要@next否则会报错，文档上没有加

2、引入

import { createApp } from vueimport App from ./App.vueimport Antd from ant-design-vueimport ant-design-vue/dist/antd.cssVue.config.productionTip = false;createApp(App).use(Antd).mount(#app)

3、使用

<template><div><a-breadcrumb><a-breadcrumb-item href=""><a-icon ><HomeOutlined/></a-icon></a-breadcrumb-item><a-breadcrumb-item href=""><a-icon><UserOutlined/></a-icon><span>Application List</span></a-breadcrumb-item><a-breadcrumb-item>Application</a-breadcrumb-item></a-breadcrumb><a-button-group>