vue3 ElementPlus使用最简单的方法使用icon

前端小白一枚，接触vue3和ElementPlus时间并不长，在写项目的时候，需要用到icon图标，之前elementui的icon图标使用方式非常简单，所以在刚开始接触plus的时候感觉有点点看不懂，所以放弃过，转而去使用阿里巴巴矢量图标库。今天心血来潮想着一定要把这个学会！

仔细看了ElementPlus官网，以及看了这位大佬的文章，这里是文章链接，大家可以一起学习。了解到iconfy图标库，按照大佬的使用步骤，我发现自己会报错~于是看到iconfy图标库官网下有使用步骤，尝试了一下，真的成功了。官网使用教学如下所示

这里把步骤重新贴一下

1. 下载安装

npm install --save-dev @iconify/vue

2. 引用

import { Icon } from '@iconify/vue';
export default {
	components: {
		Icon,
	},
});

3. 使用

<Icon icon="ic:outline-access-time" color="#32abf0" width="48" height="48" />

官网上的图标真的是很多~~安装之后就可以想用啥图标就用啥图标啦~