iconfont图标在vue中的如何使用

1.首先，如果想要使用iconfont图标的话，需要先去网站注册登录。iconfont-阿里巴巴矢量图标库.

2.把需要的图标加入购物车，添加进项目

 3.选择font-class ，然后复制在线链接。

 在开发环境中，由于会经常的变动字体图标，会根据需要增加一些图标，使用在线的链接是比较方便的。

4.使用方式，在index.html中直接引入css在线的文件，复制的代码地址需要手动加上https:

<link type="text/css" rel="stylesheet" href="https://at.alicdn.com/t/c/font_41**878_app6mkkia1d.css"></link>

5.在代码中使用

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

6，由于在线地址并不能保证完全的有效性，在发布生产环境之前，还是需要把字体图标下载下来，放在自己的项目中比较保险。

将下载好的文件 放在本地目录assets下，然后在main.js中引入css文件

//引入iconfont
import '@/assets/iconfont/iconfont.css'

好了，这样就可以开始的使用啦。使用方式同上。