1. 官网安装
安装 | Element Plus (gitee.io)
安装:
npm install element-plus --save
在main.ts中全局注册ElementPlus并使用
//加入element-plus
import ElementPlus from 'element-plus';
//加入element-plus样式
import 'element-plus/dist/index.css';
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
2. 全局安装图标
例如我们使用官方案例中的带小星星的图标,不显示图标,由于Element Plus是图标样式分离的,我们如要使用需要全局安装图标
全局安装图标
npm install @element-plus/icons-vue
将其类型声明提供给 TypeScript
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app=createApp(App)
//全局导入饿了么图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
3.使用
例如:要在Home页面中使用,就在Home 页面中导入样式,在那个页面使用就在那个页面导入