在Vue项目中使用阿里巴巴矢量库下载的svg素材

步骤如下：

（一）进入阿里巴巴矢量库后搜索所要素材

（二）将素材添加至项目中

（三）选择Symbol后可对素材进行颜色、大小进行编辑，也可重命名，然后下载至本地

（四）将文件解压之后放到assets文件夹下

（五）在main.js中进行引入

（六）在.vue文件中可通过下面的方式进行使用

<svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-huaxian" />
</svg>

（七）样式只需要引入一次 

.icon {
  width: 2em;
  height: 2em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}