Vue3+ElementPlus项目使用iconfont阿里图标

  回顾一下上篇文章的内容，Element UI 使用的是阿里巴巴的图标库，通过字体图标的用法（即使用 el-icon-xxx 的类名）来引入图标。。而Element Plus 抛弃了字体图标的用法，而直接使用了 svg 图标。
  那么在Element Plus框架内使用阿里图标又该如何实现？本篇文章就是讲述Vue3+ElementPlus项目使用iconfont阿里图标的方法。

  默认大家已经下载安装配置好elementplus。不知道的盆友们请翻一下之前的文章，都介绍的很清楚。;指路：vuecli3引入Element-plus

  Element Plus中的图标其实也是组件，我们也知道在Vue中可以直接在模板中使用<svg>标签来插入SVG图标代码。这就给我们提供了一个思路，将阿里图标也封装成一个通用组件，然后在vue3项目中导入注册，就像其他组件一样使用。
  那么开始实战吧~~

1、封装通用组件

  在components文件夹下新建一个iconfont文件夹，并在该文件夹下新建一个SvgIcon.vue

// 直接复制即可
<template>
    <svg aria-hidden="true">
        <use :xlink:href="iconName" />
    </svg>
</template