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  文件夹下,否则会报错。
posted @ 2018-04-09 10:04  a露露  阅读(361)  评论(0编辑  收藏  举报