element ui图标 在vue3中使用

Element UI是一个流行的Vue.js组件库，其中包含丰富的UI元素和图标集。在Vue 3中使用Element UI的图标，首先需要安装Element UI和引入相应的图标包。以下是简单的步骤：

1. **安装依赖**：
使用npm或yarn安装Element UI：

   npm install element-ui@latest
   // 或者
   yarn add element-ui

2. **引入Element UI及Icon组件**：
在你的main.js或单文件组件的`<template>`标签内，导入`el-icon`组件：

   <script setup>
     import { ElIcon } from 'element-plus/icons';
   </script>

   <!-- ... -->
   <ElIcon :name="iconName" /> <!-- 使用你想展示的图标名，如 "el-icon-star" -->
   <!-- ... -->

3. **设置Icon名称**：
`iconName`可以根据Element UI提供的图标名字映射来设置，例如`el-icon-star`、`el-icon-edit`等。

4. **动态加载**：
如果需要根据数据动态显示不同图标，可以绑定变量到`name`属性：

   <ElIcon v-bind:name="currentIcon" />

然后在`setup()`中更新`currentIcon`值。

**