怎么在vue中调用阿里图标在线地址

1.打开阿里图标的官网，挑选自己需要的图标

2.选完后，点击加入购物车

3.点击右上方的购物车

4.点击下方的添加至项目

微信截图_20191211225400.png

5.自己新建南一个项目名

微信截图_20191211225537.png

6.点击font class 会生成一个在线的网址

微信截图_20191211225427.png

7.选择你需要的图标，复制代码

<!-- 每个图标前都要加iconfont 否则不会出现图标  -->
<i class="iconfont  icon-jiantou3">

8.在index.html页面中引入

 <link rel="stylesheet" href="//at.alicdn.com/t/font_1555212_m2bw9kqdsrf.css">

**注：说明一下，当你需要图标的时候，一次性选择完，否则，你再添加图标的时候，他会实时的更新网上的在线地址，这时就需要你把index.html中的在线地址，在重新更新一下，否则前面的图标，也不会显示

**注:在线地址的图标也是可以改变大小font-size和颜色的