前段時間很多人說 element ui 已經停止維護，issues 也被關閉了，更有人吐槽餓了麼被阿里收購後就各種坑爹，比如antd的聖誕節彩蛋事件，大家應該記憶猶新吧，正好明天又是聖誕節，應該不會出啥么蛾子了。不過今天又登入github/ElemeFE/element看了下，element ui好像又復活了最近一次提交是6天前，不過issues中未關閉的問題還有1450個。目前element ui最新版本是2020.11.11日釋出的2.14.1，總計132 releases版本。

element ui 2 github

另外我們看到README.md下面的介紹：

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus from the same team

意思是說Element UI 2將繼續保持基於Vue 2.x進行更新，另外基於Vue 3.0的版本將由原來的團隊開發，專案取名為Element Plus。我們進入Element Plus的主頁瞭解一下目前的進展。

Element Plus 簡介

我們看到 Element Plus的主頁介紹， Element Plus - A Vue.js 3.0 UI library：一套為開發者、設計師和產品經理準備的基於 Vue 3.0 的桌面端元件庫。我們看到其網站介紹的設計原則：一致性 Consistency、反饋 Feedback、效率 Efficiency、可控 Controllability，跟Element UI 2.x的設計理念一致，沒有變化。

Element PlusElement Plus for Vue 3.0

Element Plus 使用

1.npm 方式安裝

npm install element-plus --save

2.CDN方式安裝，在使用的頁面上引入JS和相關CSS樣式即可

另外element-plus為新版[email protected] 提供了新的Element Plus 外掛（ vue-cli-plugin-element-plus）,可以方便的搭建一個基於 Element Plus 的專案。

Element 2.x升級Element Plus

查看了Element Plus官網，發現相關元件的使用基本與2.x一致，但是有以下元件不能完全相容：

TimePicker 時間選擇器、Timeline 時間線、Tooltip文字提示、Popconfirm 氣泡確認框、Calendar 日曆、Date Picker等

github上專門開了一個issues來記錄不相容問題，發現很多提出來的不相容問題已經被確認修復並關閉了，issues地址：github.com/element-plus/element-plus/issues/162

想升級的小夥們建議先等一等，目前Element Plus才釋出第一個預覽版本v1.0.1-beta.14，估計問題還是比較多的

Element Plus For Vue 3.0 嚐鮮

估計有很多小夥伴迫不及待的想嘗試一下element-plus的話，這裡有個基於element-plus的開源後臺管理模板“vue-admin-beautiful-element-plus”，大家可以從碼雲或者github上搜索下載體驗，搜尋不到的小夥伴可以跳到文末，附有相關開源專案的地址。

vue-admin-beautiful-element-plus

相關開源專案地址

1.element-plus：github.com/element-plus/element-plus

2.element-plus 國內映象：element-plus.gitee.io

3.vue-admin-beautiful：基於element-plus的後臺管理系統

gitee.com/chu1204505056/vue-admin-beautiful