Vue3中使用Ant Design Vue图标

1、安装

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

2、引入

import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

Vue.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>