在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 文件夹下,否则会报错。