Element Plus,由餓了么大前端團隊開源出品的一套為開發(fā)者、設(shè)計師和產(chǎn)品經(jīng)理準備的基于 Vue 3.0 的組件庫,提供了配套設(shè)計資源,幫助你的網(wǎng)站快速成型。
Element Plus 使用 TypeScript + Composition API 進行了重構(gòu),主要有:
- 使用 TypeScript 開發(fā),提供完整的類型定義文件
- 使用 Vue 3.0 Composition API 降低耦合,簡化邏輯
- 使用 Vue 3.0 Teleport 新特性重構(gòu)掛載類組件
- 使用 Lerna 維護和管理項目
- 使用更輕量更通用的時間日期解決方案 Day.js
- 升級適配 popperjs, async-validator 等核心依賴
- 完善 52 種國際化語言支持
除此以外,還有:
- 全新的視覺*
- 優(yōu)化的組件 API
- 更多自定義選項
- 更加詳盡友好的文檔
特性:
一致性 Consistency
- 與現(xiàn)實生活一致:與現(xiàn)實生活的流程、邏輯保持一致,遵循用戶習慣的語言和概念;
- 在界面中一致:所有的元素和結(jié)構(gòu)需保持一致,比如:設(shè)計樣式、圖標和文本、元素的位置等。
反饋 Feedback
- 控制反饋:通過界面樣式和交互動效讓用戶可以清晰的感知自己的操作;
- 頁面反饋:操作后,通過頁面元素的變化清晰地展現(xiàn)當前狀態(tài)。
效率 Efficiency
- 簡化流程:設(shè)計簡潔直觀的操作流程;
- 清晰明確:語言表達清晰且表意明確,讓用戶快速理解進而作出決策;
- 幫助用戶識別:界面簡單直白,讓用戶快速識別而非回憶,減少用戶記憶負擔。
可控 Controllability
- 用戶決策:根據(jù)場景可給予用戶操作建議或安全提示,但不能代替用戶進行決策;
- 結(jié)果可控:用戶可以自由的進行操作,包括撤銷、回退和終止當前操作等。
數(shù)據(jù)統(tǒng)計
數(shù)據(jù)評估
關(guān)于Element Plus特別聲明
本站久留網(wǎng)提供的Element Plus都來源于網(wǎng)絡(luò),不保證外部鏈接的準確性和完整性,同時,對于該外部鏈接的指向,不由久留網(wǎng)實際控制,在2022年1月15日 下午1:15收錄時,該網(wǎng)頁上的內(nèi)容,都屬于合規(guī)合法,后期網(wǎng)頁的內(nèi)容如出現(xiàn)違規(guī),可以直接聯(lián)系網(wǎng)站管理員進行刪除,久留網(wǎng)不承擔任何責任。