Element-plus组件库

Element-plus组件库

Element Plus 是一套基于 Vue 3 的开源 UI 组件库,是由饿了么前端团队开发的升级版本 Element UI。

Element Plus 提供了丰富的 UI 组件、易于使用的 API 接口和灵活的主题定制功能,可以帮助开发者快速构建高质量的 Web 应用程序

由于 Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器。

一个 Vue 3 UI 框架 | Element Plus (element-plus.org)


Element-plus轻松使用

按照惯例,我们还是先安装Element-plus的依赖

npm install element-plus

main.js

我们需要修改main.js的配置文件,让全局使用Element-plus的css样式,并应用组件

import {createApp} from 'vue'

//导入ElementPlus组件,导入全局css样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import App from './App.vue'

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

直接在官网复制Element-plus组件使用即可