封装公用svg图标

首先创建一个 index.vue 新组件

其次要注册该组件

import Vue from 'vue'
import SvgIcon from './index.vue' // 引用新组件

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

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

最后直接在vue文件使用

						
// name表示命名的svg图标文件名称
// width、height表示图标大小