封装Vue 的 SVG 组件

svg静态资源

在assets下新建一个 svg 文件夹，用于存放svg图片

svgIcon组件

在components 下新建一个文件夹，包含两个文件index.ts和SvgIcon.vue

vue.config.js

main.ts

需要引入组件svgIcon

使用

**.vue

<svg-icon iconClass="invite" className="icon icon-invite" />

 

**.scss

.icon-invite {

width: 12px;

height: 12px;

color: var(--color-primary);

}