vue3elementplus 使用icon

Vue 3 和 Element Plus 都是非常流行的前端开发框架，可以很方便地使用 Element Plus 的图标库。

要在 Vue 3 中使用 Element Plus 的图标，首先需要安装 Element Plus 和 @element-plus/icons 插件。可以使用 npm 或者 yarn 进行安装：

npm install element-plus @element-plus/icons

安装完成后，可以在 Vue 3 的入口文件中引入 Element Plus 的样式和插件：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import '@element-plus/icons'

createApp(App).use(ElementPlus).mount('#app')

现在，你就可以在 Vue 3 的组件中使用 Element Plus 的图标了。例如，要在一个按钮上使用一个图标：

<template>
  <el-button icon="el-icon-edit">编辑</el-button>
</template>

这样就使用了 Element Plus 提供的 "el-icon-edit" 图标作为按钮的图标。

当然，Element Plus 还提供了很多其他的图标，你可以在官方文档中查看完整的图标列表，并根据需要使用对应的图标名称即可。希望这个回答对你有帮助！如有任何问题，请随时提问。