vue3 + element plus知识点搜集

一、Icon 使用

包安装：
$ npm install @element-plus/icons-vue
$ yarn add @element-plus/icons-vue
$ pnpm install @element-plus/icons-vue

可以全局引入组件使用，也可以单独使用

单独使用
import { Edit } from ‘@element-plus/icons-vue’
<el-icon :size=‘20’><Edit /></el-icon>
<folder-opened />
<FolderOpened />

全局使用
import * as ElIconModules from ‘@element-plus/icons-vue’
for (let iconName in elIcons) {
app.component(iconName, elIcons[iconName])
}
<el-button icon=“Upload” circle></el-button>