svg在项目中的使用

第一步：
先下载图片svg格式的图片。
第二步：
在static文件下简历文件svg-icons，将下载的文件放在这个里面
第三步：
安装插件npm install vue-svgicon --save-dev，
并配置package.json。在package.json文件里面的scripts：{
配置：“svg”:“vsvg -s ./static/svg-icons -t ./src/icons”}
在执行npm run svg在src下面产生icons文件并包含两个文件（index.js和svg-home.js）
第四步：
配置main.js
import SvgIcon from ‘vue-svgicon’
import ‘./icons’
Vue.use(SvgIcon.{
tagName : “svgicon”
})
第五步：
在vue文件中使用SVG

第六步：
展示的结果：
第七步：
想要修改svg图片的颜色在相应的文件下的js文件里面的data下的 标签里面修改_fill的属性的属性值来改变相应的颜色属性，一般为16进制的数据格式。修改长和宽在相应的格式里面 watch对象里面设置 width: 48,
height: 48,来改变相应的图片的长和宽。