0x00 前言说明

尝试使用Element Plus提供的icon，记录一下在安装和使用中遇到的问题。

0x01 安装注册

1. 安装

npm install @element-plus/icons-vue

如果下载较慢可以使用淘宝镜像

npm install @element-plus/icons-vue --registry https://registry.npm.taobao.org

2. 注册

下载完成后，需要注册组件，才可以使用。可以全局注册，也可以在要用到的组件里单独注册。

逐个注册

// main.js
import { Edit, Delete } from '@element-plus/icons-vue'
const app = createApp(app)
app.component('edit', Edit)
app.component('delete', Delete)
app.mount('#app')

全局注册

// main.js
import * as ELIcons from '@element-plus/icons-vue'
const app = createApp(app)
for (let iconName in ELIcons) {
	app.component(iconName, ELIcons[iconName])
}	
app.mount('#app')

0x02 参考文章

https://blog.csdn.net/m0_60120359/article/details/122098522