webpack vue 使用阿里巴巴矢量网svg图标

webpack vue 使用阿里巴巴矢量网svg图标

1.选择你要的小图标加入购物车，添加到你的项目中；

2.点击到symbol中点击更新代码；如图

3.复制代码前面加http://如下图将这个js代码下载下来；保存成一个文件放在vue的项目中

4.然后在App.vue引入你的js文件

最后在你想要使用图标的地方写上代码

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

xlink:href="#icon-sjh-copy"

是你图标的名字在你的阿里巴巴项目上覆制就好了