vue 使用icon-component图标组件

1.创建图标组件 SvgIcon组件

2.vue使用图标组件 创建index.js

import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg组件

// register globally
Vue.component('svg-icon', SvgIcon)

const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

3.svg图标库文件夹放在index.js同级目录下

4.在svg文件夹下添加所需要的svg图标

5.代码中使用