vue使用阿里巴巴矢量图标库

一：创建项目文件夹

首先进入iconfont官网iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具https://www.iconfont.cn/然后登陆后创建一个项目（资源管理---我的项目---新建）

二：选取想要的图标素材

首先加入购物车

然后加入项目文件夹，添加至项目

 进入资源管理---我的项目---symbol，点击生成一个链接，

 三：在vue项目的index.html中引入

<script src="http://at.alicdn.com/t/c/font_3641238_sd8l6us6bn.js"></script>

 四：使用

复制代码

（可参考iconfont-阿里巴巴矢量图标库）

 使用案例（#icon那里是复制的icon代码）

<template>
  <div class="title">
    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-mianxingkeaigerenzhongxin"></use>
    </svg>
  </div>
</template>