elementui新版
Element UI 新版信息
Element UI 的最新版本是 Element Plus，它是基于 Vue 3 的组件库，完全重构了 Element UI（基于 Vue 2）。以下是关于 Element Plus 的关键信息：
Element Plus 特点
- 基于 Vue 3 开发，支持 Composition API。
- 完全 TypeScript 编写，提供更好的类型支持。
- 性能优化，体积更小，渲染更快。
- 支持暗黑模式、国际化等新特性。
安装方法
npm install element-plus
# 或
yarn add element-plus基本使用 在 main.js 或 main.ts 中全局引入：
import { createApp } from 'vue'
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')按需导入 推荐使用 unplugin-vue-components 自动导入组件：
npm install -D unplugin-vue-components配置 vite 或 webpack：
// vite.config.js
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default {
plugins: [
Components({
resolvers: [ElementPlusResolver()],
}),
],
}文档资源
- 官方文档：https://element-plus.org/
- GitHub 仓库：https://github.com/element-plus/element-plus
- 迁移指南：从 Element UI 到 Element Plus 的迁移文档可在官网找到
主题定制 支持通过 CSS 变量或 SCSS 变量自定义主题：
:root {
--el-color-primary: #ff0000;
}注意事项
- Element Plus 不再兼容 Vue 2 项目，Vue 2 用户需继续使用 Element UI 2.x。
- 部分组件 API 与 Element UI 存在差异，升级时需参考迁移文档。
