开始在导入svg图标的时候，是可以正常显示的，然后在配合路由使用 active-class ，想在选中的时候改变他的颜色，然后我设置了class的样式，但是当我点击的时候，路由已经变了，但svg的颜色并没有变化，首先我去检查自己的代码有没有写错，发现并没有写错的，之前设置的 svg 大小也正常显示了，然后我去看了看 svg 的源文件，仔细在看那些源文件代码的时候，果然发现了问题所在，之所以改变不了颜色，原来是 fill属性造成的。
后面只要删了这个fill属性就可以了，如果svg多的话可以安装个svgo-loader 在vue.config.js配置下就可以了
配置代码如下
.use('svgo-loader').loader('svgo-loader') //使用svgo-loader规则
.tap(options=>({...options,plugins:[{removeAttrs:{attrs:'fill'}}]})).end() //添加选项，删除 fill 属性
