阿壮博客
Element UI 它是一种流行的前端UI工具。它可以与流行的前端框架Vue相匹配。安装应用也很简单：npm i element-ui -S可以。但是美中不足的是自带的图标集合不够，图标太少。今天刚好遇到这个问题。现在让我们分享一下如何使用Vue 阿里云矢量图标库应用于Element中。
element 自带图标库
一、注册阿里云图标库Iconfont，过程自行百度。
二、创建项目
3.将图标添加到项目中：首先在主页上搜索所需的图标，然后添加到购物车中，再添加到指定的项目中
四、下载图标文档
5.将文件解压并复制到Vue项目：我在Vue项目的src-assets下创建了icon文件夹，并复制了所有文件
六、修改iconfontt.以引用icon-shouye图标为例
7.复制阿里云图标库中所选图标的代码
八、重新编译Vue项目：npm run dev
九、引用图标：以我的el-button为例：
相比之下，这所小房子的图标是阿里云图标库，在element自带的图标库中并非如此，至此引用成功。
