vue项目中使用阿里矢量库

前言

在写项目中会遇到一些个矢量图标，在这里我给大家做一个详细的阿里矢量图的介绍

---

1. 首先是阿里矢量图标库网址： https://www.iconfont.cn
2. 选择图标下载到本地，选择我们需要用到的图标添加到项目中

 3.点击下载到本地后下载完成就可以把不用的删除掉，圈红圈的就是不用的，可以删除

 4.将下载好的icon文件放置在静态文件夹下面：

标题

 5.在mian.js里面引入icon样式

6. 在组件中使用icon图标，下面是俩种使用方式，直接引用此类名或者动态class 都不要忘了加iconfont这个类名

7.从下图这个位置可以看到类名

 

如有任何bug请各位及时提出。