最近的时候发现各种各样的使用svg-icon的操作方法,其中有种个人觉得最简便的方法,有必要种个草
1.使用命令安装
npm install vue-svg-icon --save-dev
2.在main.js中引入
import Icon from 'vue-svg-icon/Icon.vue';
Vue.component('icon', Icon);
3.在src目录下创建svg文件夹,放svg格式的图片
4.在页面中进行使用
<icon name="hand" scale="20"></icon
ps:个人觉得这个尺寸的控制不是特别灵活
默认是9.多px 最终尺寸 = 默认尺寸 * 设置尺寸