Element 官方宣布了:Element UI for Vue 3.0 来了!
Element Plus for Vue 3.0 来了,这次真的来了!
Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Element 对 Vue 3.0 的升级适配。
此前网上有传言称 Element 无人维护,Element UI 也不会支持 Vue 3.0,这次官方出来打脸了。
Element Plus
Element Plus for Vue 3.0 是一个使用 TypeScript + Composition API 重构的全新项目。Element 团队几乎重写了每一行 Element 的代码,用最 Vue 3 的方式呈现了最完美的 Element,主要有:
- 使用 TypeScript 开发,提供完整的类型定义文件
- 使用 Vue 3.0 Composition API 降低耦合,简化逻辑
- 使用 Vue 3.0 Teleport 新特性重构挂载类组件
- 使用 Lerna 维护和管理项目
- 使用更轻量更通用的时间日期解决方案 Day.js
- 升级适配 popperjs, async-validator 等核心依赖
- 完善 52 种国际化语言支持
除此以外,还有:
- 全新的视觉
- 优化的组件 API
- 更多自定义选项
- 更加详尽友好的文档
从 Element Plus 的官网上可以了解到,此次 Element Plus 的设计原则主要有四个方面:
一致性 Consistency
与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。
反馈 Feedback
控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。
效率 Efficiency
简化流程:设计简洁直观的操作流程;清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。
可控 Controllability
用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
最后
Element Plus 的用法基本都和原来的一样,没太大改动,很容易上手,比如完整引入,按需引入那些用法都没变。
笔者看了一下 Element Plus 的官网,一个基于 Vue 和 Element Plus 的开发环境很容易就能搭建完毕,各个组件的使用方法请参阅它们各自的文档。
Element Plus 项目仍在大力开发中,相信很快就能再次用上了。
具体信息可移步 Element Plus 官网:
Vue3.0 官网:
相关文章
- Vue专题 05_详解vue生命周期的每个节点
- Vue中显示img图片,显示不出来怎么办?vue显示图片
- vue单页面应用的原理
- vue基础(学习官方文档)
- Vue笔记(10) vue-router
- SpringBoot项目整合Vue做一个完整的用户注册功能
- Vue的一些命名规则与SPA实现思路
- 美团前端vue面试题(边面边更)
- Vue组件基础(下)
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- js 长轮询_websocket挂载到vue上
- Vue(七)SPA 单页面及应用方式「建议收藏」
- 深入浅出vue_深入浅出pandas
- VUE组件封装_vue组件内部双向绑定
- Vue分页导航_vue分页组件
- Vue生成二维码_vue通过二维码分享
- vue 调用子组件方法失败_Vue子组件调用父组件的方法及常见问题「建议收藏」
- Vue全家桶介绍_vue全家桶有什么好处
- Vue前后端页面下载功能实现演示,Python+flask提供后台下载服务
- 基于 Vue 和 Canvas,轻舟低代码 Web 端可视化编辑器设计解析 | 低代码技术内幕
- Vue.js 与MySQL结合,打造高效Web应用程序(vue.js mysql)
- Vue快速连接Redis实现数据存储(vue 直连redis)
- Vue搭配Redis做针对性取值(vue redis取值)
- Oracle与Vue官网联合宣传前瞻技术,轻松开发(oracle vue官网)