vue项目中怎么引用阿里巴巴图标库

在 Vue 项目中引用阿里巴巴图标库，可以通过以下步骤来实现：

1. 安装 @ant-design/icons-vue 包

npm install @ant-design/icons-vue --save

2. 在 Vue 项目中使用

- 全局使用

在 main.js 中引入 @ant-design/icons-vue 包，并将其注册为全局组件：

import { createFromIconfontCN } from '@ant-design/icons-vue'

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567_abcd1234.js'
})

Vue.component('IconFont', IconFont)

其中，`scriptUrl` 参数是需要替换成您自己的图标库链接。

然后，在组件中可以直接使用 `<IconFont type="icon-xxx" />` 的方式引入图标。

- 局部使用

在需要使用图标的组件中，直接引入 `@ant-design/icons-vue` 包，并创建一个 `IconFont` 对象：

import { createFromIconfontCN } from '@ant-design/icons-vue'

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_1234567_abcd1234.js'
})

然后，在组件中可以直接使用 `<IconFont type="icon-xxx" />` 的方式引入图标。

以上就是在 Vue 项目中引用阿里巴巴图标库的方法。