vue svg组件化，vue-svg-icon

 在vue 组件化项目中如何将svg 组件话呢，这里用到了 vue-svg-icon 

使用方法：

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

2 下面这两行 代码是写在 main.js 中的，这样整个vue 实例都可以使用 icon 组件了

　　import Icon from 'vue-svg-icon/Icon.vue';

　　Vue.component('icon', Icon);

3     在你自己的组件代码中加上这行代码就可以引入svg图标了, name 为 src/svg 文件夹下的svg 图标名称.  src文件夹和 node_modules 在同一个文件夹下。

　　<icon name="chameleon" :scale="20"></icon>

这里有一点需要注意，在 执行npm run dev 之前将 svg 图标放入 src/svg  文件夹下，否则会报错。

转载于:https://www.cnblogs.com/wsz168/p/8757674.html