Vue使用iconfont（阿里图标库）

1、进入阿里图标库，注册登录 iconfont-阿里巴巴矢量图标库

2、搜索所需要的图标，加入购物车

 

 3、只是需要单一的可以直接下载，通常将项目所需要的图标一次性加入完成后（可以创建项目），在我的项目统一下载，通常会选择font class下载，如果input的placeholder属性也要使用图标时选择Unicode进行下载

 4、在assets下创建iconfont文件夹，将下载的文件解压，将文件中的以下文件，放入到iconfont文件

 5、然后在main.js中全局引入对应的css文件

//引入图标库
import "@/assets/iconfont/iconfont.css"

6、然后就可以直接使用啦

<i class="iconfont icon-password"></i>

注意 ：在input的placeholder使用时，需要下载的是Unicode版才行，而且不能直接使用，如下实列，也可以参照官网iconfont-阿里巴巴矢量图标库

 <input type="text" class="iconfont-unicode" placeholder="&#xe60a;请输入商品名">