Vue项目中使用svg文件

使用第三方插件vue-svg-icon

npm i vue-svg-icon -D

 

在入口文件main.js引入

import Vue from from 'vue'
import Icon from 'vue-svg-icon/Icon.vue' //引入

Vue.component('icon', Icon) //注册

　　

将svg文件放到 src/svg 目录下（此目录暂时不能设置）

 

使用：

<icon name="example"></icon>

　　name属性的值为svg文件的文件名