1.下載svg插件 `npm i -S vue-svgicon` 2.全局注冊：main.js ``` import SvgIcon from 'vue-svgicon' Vue.use(SvgIcon, { tagName: 'svg-icon' }) ``` 3.配置svg圖標解析和輸出路徑。由于vue-svgicon本質會把svg圖標解析成js文件，在項目中是通過import導入生成的js文件來達到對svg圖標的引用，具體可以在package.json中做以下配置： ``` "svg": "vsvg -s ./src/icons/svg -t ./src/icons/iconfont.js" ```  4.`npm run svg`生成圖標js，會在./src/icons/文件夾下生成iconfont.js 5.在main.js中引入`import "@/icons/iconfont.js"` 6.使用 ``` <template> <div> <svg-icon name="eye" width="50"></svg-icon> <svg-icon name="eye-open" height="50"></svg-icon> <svg-icon name="dashboard" width="100" height="100"></svg-icon> <svg-icon name="example" width="20" height="20" color="red"></svg-icon> </div> </template> ```