vue中使用svg类型图标

1、第一步：安装解析svg类型图标的依赖库

 npm install svg-sprite-loader --save-dev

2、配置vue.config.js文件，代码如下

    chainWebpack(config) {
        // set svg-sprite-loader
        config.module
            .rule('svg')
            .exclude.add(resolve('src/icons'))
            .end()
        config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
            .end()

    }

3、在src/components下新建文件夹及文件SvgIcon/index.vue，代码如下

 <template>
  <!--<svg class="svgClass" aria-hi