vue svg组件封装

1 注册svg组件

2 创建文件加保存svg图片

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 使用

  //a是类名 b是svg名字 不带后缀