Vue3 - Element Plus 全局自动引入图标组件教程，页面使用无需每次 import 即可直接使用 ＜el-icon＞ 组件图标（项目使用 Element Plus 内置图标不用再引入了）

前言

在 Element Plus 组件库中，使用图标时必须 import { 图标名 } from '@element-plus/icons-vue' 先引入，然后才能使用 <el-icon> 组件。非常繁琐不说，很多新手连使用都困难，本文可完美解决这个问题。

本文实现了 在 vue3 + Element Plus 项目开发中，全局注册图标组件（使用时无需 import 引入任何额外资源），

直接在页面使用 <el-icon> 图标即可，不用单独引用图标库。

---

如下代码所示，想用图标的时候，直接在 HTML 上写就行了（比 Vue2 的时候还简单！）。

实现方法

按照下方教程，即可 100% 实现。</