一、下載SVG圖片 

連結：Iconfont-阿里巴巴向量圖示庫：http://www.iconfont.cn/

選擇然後下載圖示

二，把圖示放到專案中

本人使用的是腳手架 vue init webpack-simple建立的專案

三、安裝外掛，並且配置package.json

參考連結：https://www.npmjs.com/package/vue-svgicon

npm install vue-svgicon --save-dev

配置好後，執行  npm run svg, 得到下圖結果

四、配置main.js

import SvgIcon from 'vue-svgicon'
import 
 
'./icons'   //引入svg-icon

Vue.use(SvgIcon, {
  tagName: 'svgicon'
})

五、在.vue檔案中使用SVG

 <svgicon name="svg-home" width="200" height="200"></svgicon>

六、結果