Vue3.3 + TS4 ，自主打造媲美 ElementPlus的组件库（16章，附电子书）

Vue3.3 + TS4 ，自主打造媲美 ElementPlus的组件库（16章，附电子书）
学习地址1：https://pan.baidu.com/s/1GHg5XS2Ui0p0aqhkz2K1zA 提取码：n899
学习地址2：https://pan.baidu.com/s/1YdGplQwfivv8KFpr2QKKIg 提取码：kvjv

Vue3.3 + TS4 ，自主打造媲美 ElementPlus的组件库课程，又名：进阶必学，2023最新 ，打造媲美ElementPlus的组件库

做Vue开发的小伙伴肯定都知道一个框架ElementUI。不过随着Vue3的发布，ElementUI也没有更新，还是挺遗憾的。但是社区小伙伴们一起搞了一个ElementPlus做为ElementUI的继任者。最近ElementPlus终于发布了正式的版本，还是很值得一试的。

如果想在低版本浏览器上正常使用 Element Plus，请自行使用 Babel、ESBuild 或其他转换工具，并引入相应的 polyfill。
值得注意的是，Element Plus 使用到了 ResizeObserver，如有兼容性需求需要您自行引入 resize-observer-polyfill。详情请参阅 ResizeObserver 的兼容性。

ESM 与 CJS
Element Plus 同时支持 ESM、CJS 与 UMD 格式。一般情况下无需留意导入的格式，构建工具会自动匹配并转换成目标格式，同时无需额外配置，自身支持按需加载能力。

设计
组件大小体系由 default/medium/small/mini 切换为更自然的 large/default/small，以 default 为基础，需要加大则选择 large，需要缩小则选择 small。
在前面的章节，我们已经安装了 Element Plus，并且在前面章节的登录页面我们还使用了 Element Plus 的表单组件和按钮组件。在这一章节，我们将使用 Element Plus 实现界面设计和主体的页面布局。
安装 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)