vue2使用svg

1.下载插件：svg-sprite-loader

cnpm install -S svg-sprite-loader

2.创建svg组件(vue组件)

<template>
	<svg :class="svgClass" aria-hidden="true" :width="swidth" :height="sheight">
		<use :xlink:href="iconName" />
	</svg>
</template>

<script>
export default {
	name: 'SvgIcon',
	props: {
		iconClass: {
			type: String,
			required: true,
		},
		className: {
			type: String,
			default: '',
		},
		size: {
			type: [String, Number],
			default: 20,
		},
	},
	computed: {
		iconName() {
			return `#icon-${this.iconClass}`;
		},
		svgClass() {
			if (this.className) {
				return 'svg-icon ' + this.className;
			} else {
				return 'svg-icon';
			}
		},
		swidth() {
			if (this.size < 0 || isNaN(this.size)) {
				return 20;
			}
			return this.size;