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"

是你圖標的名字在你的阿里巴巴項目上覆制就好了