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文件的文件名