使用第三方插件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文件的文件名