Vue3.3 + TS4 ，自主打造媲美 ElementPlus的組件庫(kù)（16章，附電子書）
學(xué)習(xí)地址1：https://pan.baidu.com/s/1GHg5XS2Ui0p0aqhkz2K1zA 提取碼：n899
學(xué)習(xí)地址2：https://pan.baidu.com/s/1YdGplQwfivv8KFpr2QKKIg 提取碼：kvjv

Vue3.3 + TS4 ，自主打造媲美 ElementPlus的組件庫(kù)課程，又名：進(jìn)階必學(xué)，2023最新 ，打造媲美ElementPlus的組件庫(kù)

做Vue開發(fā)的小伙伴肯定都知道一個(gè)框架ElementUI。不過隨著Vue3的發(fā)布，ElementUI也沒有更新，還是挺遺憾的。但是社區(qū)小伙伴們一起搞了一個(gè)ElementPlus做為ElementUI的繼任者。最近ElementPlus終于發(fā)布了正式的版本，還是很值得一試的。

如果想在低版本瀏覽器上正常使用 Element Plus，請(qǐng)自行使用 Babel、ESBuild 或其他轉(zhuǎn)換工具，并引入相應(yīng)的 polyfill。
值得注意的是，Element Plus 使用到了 ResizeObserver，如有兼容性需求需要您自行引入 resize-observer-polyfill。詳情請(qǐng)參閱 ResizeObserver 的兼容性。

ESM 與 CJS
Element Plus 同時(shí)支持 ESM、CJS 與 UMD 格式。一般情況下無(wú)需留意導(dǎo)入的格式，構(gòu)建工具會(huì)自動(dòng)匹配并轉(zhuǎn)換成目標(biāo)格式，同時(shí)無(wú)需額外配置，自身支持按需加載能力。

設(shè)計(jì)
組件大小體系由 default/medium/small/mini 切換為更自然的 large/default/small，以 default 為基礎(chǔ)，需要加大則選擇 large，需要縮小則選擇 small。
在前面的章節(jié)，我們已經(jīng)安裝了 Element Plus，并且在前面章節(jié)的登錄頁(yè)面我們還使用了 Element Plus 的表單組件和按鈕組件。在這一章節(jié)，我們將使用 Element Plus 實(shí)現(xiàn)界面設(shè)計(jì)和主體的頁(yè)面布局。
安裝 Element Plus

npm install element-plus --save
在 main.ts 中引入 Element Plus
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'createApp(App)