vue里面使用svg

第一步:npm install svg-sprite-loader --save-devvue里面使用svg

第二步:在assets里面新建icons(名字自己随便起)文件夹 ,svg文件夹里面放我们的svg图标,index.js 与SvgIcon.vue里面的内容如下

vue里面使用svgvue里面使用svg

vue里面使用svg

第三步:在webpack里面配置

vue里面使用svg

第四步:在main.js 里面引入 import './assets/icons/index.js'

地四步:重启服务器,放一张svg格式的icon在 icons/svg里面  页面里引用这个组件 类名就是svg的名字   打开浏览器就可以看到了

vue里面使用svgvue里面使用svgvue里面使用svg