方法一

1.找到需要的图标，点击添加入库

iconfont-阿里巴巴矢量图标库：/home/index

2.点击购物车，添加至项目

有项目的直接添加到已有项目，没有的新建项目即可

3.使用 Font class 的方式，查看在线链接

4.复制链接并打开

5.在 vue 项目中，src 目录下新建 style 文件夹，新建 iconfont.css 文件，并把上一步打开的代码全部复制到 iconfont.css 文件中

6.在 main.js 中引入样式文件

7.在组件中使用

<div class="iconfont icon-kulian">必须添加 iconfont 类名</div>

第二个类名为所使用的图标对应的类名

方法二

1.找需要的图标，与上操作相同

2.点击购物车，下载代码

3.在 vue 项目中，src 目录下的 assets 文件夹中新建 iconfont 文件夹，将下载好的文件复制到 iconfont 文件夹中

4.在 main.js 中引入样式文件

5.在组件中使用（与上相同）

<div class="iconfont icon-kulian">必须添加 iconfont 类名</div>