第一步：
進入阿里矢量圖標庫並登錄 地址：https://www.iconfont.cn
第二步：
選擇項目需要的圖標添加到庫
第三步：
選完之后點擊右上角的購物車，打開后點擊添加到項目，沒有就自己建一個（按鈕都在同一個頁面）
第四步：
添加到項目后，在彈出的頁面修改項目防止icon命名與自己的UI框架（如elementui）沖突
在 更多操作-》編輯項目 下（設置字體的前綴：fontClass/Symbol 前綴）
第五步：
修改完成項目后進行選擇css並下載下來
第六步：
在你的vue項目assets文件夾下面創建icon文件夾，把下載的壓縮包解壓的文件復制到icon文件夾下面（當然demo等不需要的文件按你的需要刪除）
注意：（根據評論意見）本步驟操作也可以放在static靜態文件下，由於不會打包處理，在index.html的總入口文件引入即可。
第七步：
打開iconfont.css在icon樣式行添加第四步設置的前綴樣式關聯
代碼：,[class^="el-icon-zz"],[class*=" el-icon-zz"] //注意第二個el-icon-zz前面有個空格
第八步：
在main.js當中引入使用（全局的），局部的在需要的引入即可（路徑填對）
第九步：
在需要的vue頁面使用即可：
最終效果：
