主要介绍了vue使用自定义的icon图标的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

首先因为elementUI提供的icon太少了，所有自己找找有没有矢量图可以补充的，尝试多种方法，觉得下面方法简单易懂，分享给大家 效果图： 推荐使用阿里爸爸矢量图标管理，iconfont 使用方法 登录账号，找到需要的图标加入购物车 然后添加到项目  再然后下载代码到本地 下载代码文件然后解压出现这列表 打开HTML文件，引用方法教程 补充我人的坑，之前想着在style标签里import “”，结果一直报错，试了很多方法还是没效果，把问题想复杂了 第一步：在index.html引入

折腾前言 目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对font-awesome锲而不舍，通过 github 了解到早有大牛搞出了 vue-awesome，因此就开始折腾了…… 废话不多说，开搞！ 准备工作 这个是作者的 github 地址：飞机 为了演示完整步骤，用脚手架新建个项目 正在创建中… 趁此闲话几句 这种方式使用有个好处就是，你可以自己自定义任何图标

需求： element ui loading图只能使用自己的loading图， 但很多场景下，需要替换成自己的gif图 虽然文档中有些， element-loading-spinner=”el-icon-loading” 可指定自定义图 但经测试，也只是只能再elementui 图标库中的图， 不是我们想的那个自定义图类的意思。 自定义图方法： 1） 添加自定义elementUI loading样式 asserts下 新建CSS文件夹 及CSS文件比如myCss.css 再里面，写入自定义的e