通过 vue-svg-icon 插件实现svg图标高亮显示

用svg写的时候，发现图标不显示，只有文字显示。然后网上搜的方法，用插件实现。

1. 安装

npm install vue-svg-icon --save-dev

2. 在项目的 main.js 入口引入 vue-svg-icon 以便全局调用：

import Icon from 'vue-svg-icon/Icon.vue';
Vue.component('icon', Icon); 

3. 在src文件夹下新建svg文件夹，把下载好的svg的图标放入，在 vue 组件按需加载：
   scale:可以调试图标大小，进行缩放
   name:存在svg文件夹下要引入图标的名字，最好不要是中文
   class:用来改变样式的

 <icon name="pen" scale="1" class="home"></icon>