vue项目内使用svg图标

有时候框架提供的图标并不能够供我们使用，所以我们需要新的图标库来实现

阿里妈妈icon库

阿里妈妈icon库

项目使用步骤：

在component下面新建一个文件

在文件内写以下代码

引用创建的文件

在引用的文件夹内输入以下代码

import Vue from 'vue'
import SvgIcon from '../components/SvgIcon/index'// svg component

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

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

使用

在其他文件夹内使用