Element UI 及 Element Plus框架

已于 2024-02-12 20:50:10 修改
阅读量3.7k 收藏
点赞数
文章标签： elementui 前端
于 2023-09-04 16:06:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_58091723/article/details/132671386
版权
本文介绍了前端框架Element UI及其升级版Element Plus，阐述了它们的区别，包括基于的Vue版本和对IE浏览器的支持。同时，详细讲解了两种引入方式，并在使用过程中遇到的问题，如typescript的兼容性问题以及在Vue 3.x中的一些注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一，何为Element UI 及 Element Plus？

  1. 它们是前端框架。它是包含很多有自己风格的组件库。 

  2. Element目前有两个版本：element-ui 及 element-plus两个版本。

  3. 它将HTML的基础控件进行了封装，用户只需要调用这些控件就可以了。而不需要用CSS去调整风格。

  4. Element UI是一款基于Vue2.x 的界面框架；Element Plus是一款基于Vue3.x 的界面框架；

  5. 既然基于Vue，所以可以使用打包工具打包，例如 Vite或WePack 

  6. 当然Element UI与有React及Angular的版本了。

二、Element UI 与 Element Plus区别？ 

  1. Element UI框架的升级版（3.x）是Element Plus；Element Plus 目前还处于快速开发迭代中
  2. 由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器
  3. Element-Plus 已经把vue的版本锁定了3.x；而Element UI是基于Vue 2.

三、Element UI 与 Element Plus使用

方式一、直接引用方式，引用其CSS及JS，还有vue.js即可：        

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  &l
最低0.47元/天 解锁文章
Element UI与Element Plus：深度剖析
chaosweet的博客
01-10 1449
传承经典，创新未来。
十分钟带你入门Element Plus UI框架开发
Go与Python双剑合一
06-04 3127
本文介绍了如何在Vue 3项目中使用Element Plus UI框架进行页面开发，系统讲解了Element Plus的安装、按需导入相关插件的安装以及在Vite.config.js中进行插件的配置；Element Plus支持国际化，它默认的语言时英语，所以本文也演示了如何在main.js中将Element Plus的显示语言设置为中文。最后通过实践的方式，从项目搭建开始，演示了在项目中使用Element Plus的级联组件完成了省市的选择。
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
01-18
突然发现已经半年没更新的element-ui更新了 更新了什么还不清楚，但是告知了基于vue3.x版本的 element-plus 已经出来了。 先来上手体验一下 首先安装一个最新的@vue-cli，搭建一个vue3.x的项目，脚手架创建流程已经很简洁了，这里就不多说了。建好之后，直接开始安装吧 npm i element-plus 为了方便，直接采取全部引入的方式 src/plugins/element.ts import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.c
ElementPlus 深度指南：构建高效 Vue 3 企业级应用的 UI 利器
最新发布
2401_83194332的博客
05-04 1228
你在使用 ElementPlus 时遇到过哪些挑战？如何优化复杂表格的渲染性能？是基于 Vue 3 的开源 UI 组件库，继承自 Element UI，专为。设计，提供丰富的组件和高度可定制化能力。组件和样式将自动按需加载，无需手动导入！
ElemenPlus与ElementUI
秋书一叶的博客
08-26 9358
Element Plus 是一个基于 Vue.js 的开源 UI 组件库，旨在帮助开发者构建出现代化、美观且高效的 Web 应用程序界面。它是对 Element UI 的进一步发展，专注于提供更好的性能、更丰富的组件以及更好的开发体验。
【前端】Element-UI和Element-Plus的区别
热门推荐
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
06-22 2万+
【前端】Element-UI和Element-Plus的区别
ElementUI Plus
不学习何以强国的博客
04-12 1万+
ElementUI Plus 提示：只是记录自己在使用Element + 的过程中遇到的问题，并不一定适用于全部场景 官方文档 文章目录ElementUI Plus` 提示：只是记录自己在使用Element + 的过程中遇到的问题，并不一定适用于全部场景` [官方文档](https://element-plus.gitee.io/zh-CN.html)前言一、ElementUI Plus之Table1.基础用法2.多选框改为单选框的解决办法 前言 只是记录自己在使用Element + 的过程中遇到的问题
element ui plus 离线部署文档
04-25
Element UI Plus离线部署文档是针对前端开发者设计的，它涉及到如何在本地环境中搭建一个无需互联网连接即可使用的Element UI Plus应用。Element UI Plus是基于Vue.js的UI组件库，为开发人员提供了丰富的用户界面...
基于Vue的Element UI表单设计及代码生成器设计源码
04-09
本项目是基于Vue的Element UI表单设计及代码生成器设计源码，包含179个文件，其中120个JavaScript文件，21个SVG文件，15个Vue文件。该系统旨在提供一个便捷的Element UI表单设计及代码生成解决方案，使用户能够快速...
Vue(四)---引入 Element-Plus Ui
dys000000的博客
06-17 3599
创建Vue项目 发送axios请求配合ElementPlusUi完成完整的分页查询操作
Element UI 与 Element Plus的区别
刚刚开始写播客....
03-25 1062
【代码】Element UI 与 Element Plus的区别。
UI框架之Element Plus
xiangxiongfly
02-23 2328
前端框架可分为功能性框架和UI框架。Vue 是一款渐进式 JavaScript 框架，它的核心目标是对数据进行操作与处理。可划分为功能性框架。Element Plus 是基于 Vue 3，面向设计师和开发者的UI组件库。Element Plus框架既可以实现PC端前台展示型网站项目，还可以实现PC端中后台管理系统项目，且后者的应用频率较高。Element Plus官网。
Element Plus 与 Element UI 的区别
你若盛开，清风自来
02-09 1553
Element Plus 和 Element UI 都是优秀的 Vue.js UI 组件库，它们各有优势和特点。Element UI 的学习曲线更平缓，适合快速开发和中小型项目。Element Plus 的生态系统更庞大，适合大型项目和需要高性能的应用。在选择 UI 组件库时，应该综合考虑框架版本、组件库特性、生态系统、公司和项目需求以及个人偏好。希望本文对你有所帮助，如果你有任何问题或建议，欢迎在评论区留言讨论。
通过安装Element UI/Plus来学习vue之如何创建项目、搭建vue脚手架、npm下载、封装等
暂时先用这个名字
08-09 3378
node.js npm vue.js vue-cli element-ui element-plus的用法，通过实际案例学习如何创建项目，初始化项目，搭建vue脚手架，下载element-plus组件等等
Element-ui和Element-Plus的区别_Element2和Element3的区别
天马3798
02-04 2万+
Element-ui和Element-Plus的区别_Element2和Element3的区别 一、定义区别 Element-UI对应Element2：基本不支持手机版 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-Plus对应Element3：组件布局考虑了手机版展示 基于 Vue 3，面向设计师和开发者的组件库 二、框架区别 Element-ui适用于Vue2框架 Element-plus适用于Vue3框架 三、开发中
Element UI Plus的安装和使用
Aresnine的博客
02-21 3649
Element Plus 支持通过 SCSS 变量来自定义主题。你可以在项目中覆盖默认的 SCSS 变量来定制主题。
Element Plus - 饿了么团队基于 Vue 3.0 更新发布的优秀开源桌面 UI 组件库
那些免费的砖
04-06 3708
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WD4HEOgJ-1617710623586)(https://img.thosefree.com/wp-content/uploads/2021/03/Element-Plus-cover.jpg&720x405.jpg)] 这是Element UI 的升级版本，体验同样优秀，api更加友好，文档同样详尽，很香。 关于 Element Plus 在本站建站之初就强烈发文推荐过 Element – 饿了么团队出品的神级桌面
【组件库】element-plus组件库
充电五分钟...
07-09 3986
参考：Vue3 ts环境下的PropType，如下title: "标题一",description: "描述一",},title: "标题二",description: "描述二",},非setup语法糖的环境中使用PropType 定义props数据类型// 1. 在“./prop”这个文件中定义并导出： 类型 CompProps// 2. 在子组件中接收props
element UI 和 element UI plus
11-04
Element UI和Element Plus都是基于Vue.js的UI组件库，其中Element Plus是Element UI的升级版，提供了更多的组件和功能。在表格组件中，Element Plus和Element UI都提供了插槽来自定义表格的内容，但是在表格头部插槽...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值