vue中使用svg

最近的时候发现各种各样的使用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.在页面中进行使用 

ps:个人觉得这个尺寸的控制不是特别灵活

默认是9.多px     最终尺寸 = 默认尺寸 * 设置尺寸

你可能感兴趣的:(vue)