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 官网：
https://element-plus.org/#/zh-CN/guide/design
Vue3.0 官网：
https://vue3js.cn/docs/
推荐阅读
扫一扫
403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
